#wrapper,
.thumb img {
  width: 100%;
}
.mrest {
  margin: 0 !important;
}
.prest {
  padding: 0 !important;
}
.page-section {
  padding: 3.64583333vw 0 4.6875vw;
}
.section-con {
  margin: 2.08333333vw 0 0;
}
@-webkit-keyframes arrowLeft {
  0%,
  100% {
    margin-left: 0;
  }
  50% {
    margin-left: -15px;
  }
}
@-o-keyframes arrowLeft {
  0%,
  100% {
    margin-left: 0;
  }
  50% {
    margin-left: -15px;
  }
}
@keyframes arrowLeft {
  0%,
  100% {
    margin-left: 0;
  }
  50% {
    margin-left: -15px;
  }
}
@-webkit-keyframes arrowRight {
  0%,
  100% {
    margin-right: 0;
  }
  50% {
    margin-right: -15px;
  }
}
@-o-keyframes arrowRight {
  0%,
  100% {
    margin-right: 0;
  }
  50% {
    margin-right: -15px;
  }
}
@keyframes arrowRight {
  0%,
  100% {
    margin-right: 0;
  }
  50% {
    margin-right: -15px;
  }
}
#wrapper {
  overflow-x: hidden;
}
#wrapper .arrow_left {
  -webkit-animation: arrowLeft linear 1.6s infinite;
  -o-animation: arrowLeft linear 1.6s infinite;
  animation: arrowLeft linear 1.6s infinite;
}
#wrapper .arrow_right {
  -webkit-animation: arrowRight linear 1.6s infinite;
  -o-animation: arrowRight linear 1.6s infinite;
  animation: arrowRight linear 1.6s infinite;
}
#wrapper .responsive_pc {
  display: block;
}
#wrapper .responsive_mb {
  display: none;
}
#wrapper .w1600 {
  width: 83.33333333vw;
  margin: 0 auto;
}
@media (max-width: 980px) {
  #wrapper .w1600 {
    width: 213.33333333vw;
  }
}
@media screen and (max-width: 1440px) {
  #wrapper .w1600 {
    width: 93.75vw;
  }
}
@media screen and (max-width: 1440px) and (max-width: 980px) {
  #wrapper .w1600 {
    width: 240vw;
  }
}
#wrapper .block_tit {
  z-index: 60;
  overflow: hidden;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  padding: 1.5625rem 0 0.78125rem;
}
#wrapper .block_tit h2 {
  float: left;
  font-size: 2.1875vw;
  color: #fff;
}
@media (max-width: 980px) {
  #wrapper .block_tit h2 {
    font-size: 5.6vw;
  }
}
@media screen and (max-width: 980px) {
  #wrapper .responsive_pc {
    display: none;
  }
  #wrapper .responsive_mb {
    display: block;
  }
  #wrapper .w1600 {
    width: 100%;
  }
  #wrapper .block_tit {
    text-align: center;
  }
  #wrapper .block_tit h2 {
    float: none;
    font-size: 2.08333333vw;
  }
}
@media screen and (max-width: 980px) and (max-width: 980px) {
  #wrapper .block_tit h2 {
    font-size: 5.33333333vw;
  }
}
#wrapper .block_tit span.en {
  display: none;
  float: left;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.5);
  font-size: 0.83333333vw;
  margin: 0.83333333rem 0 0 0.20833333rem;
}
@media (max-width: 980px) {
  #wrapper .block_tit span.en {
    font-size: 2.13333333vw;
  }
}
@media screen and (max-width: 980px) {
  #wrapper .block_tit span.en {
    float: none;
  }
  #wrapper .block_tit a.more {
    display: none;
  }
}
#wrapper .block_tit a.more {
  font-size: 0.72916667vw;
  margin: 0.83333333rem 0 0;
  float: right;
  color: rgba(255, 255, 255, 0.5);
  padding: 0.2% 0.8%;
  text-transform: uppercase;
  border: 1px solid rgba(255, 255, 255, 0.2);
}
@media (max-width: 980px) {
  #wrapper .block_tit a.more {
    font-size: 1.86666667vw;
  }
}
#wrapper .block_tit a.more:hover {
  background: #fff;
  color: #2da9de !important;
}
#wrapper .block_tit.black {
  border: 1px solid #000;
}
#wrapper .block_tit.black h2 {
  color: #000;
}
#wrapper .block_tit.black span.en {
  color: #9f9f9f;
}
#wrapper .center-title {
  text-align: center;
}
#wrapper .center-title .tit {
  position: relative;
  margin-bottom: 2%;
  font-size: 2.1875vw;
}
#wrapper .center-title .tit::after {
  content: '';
  display: none;
  height: 1px;
  background: #000;
  position: absolute;
  bottom: -17%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 2.34375vw;
}
@media (max-width: 980px) {
  #wrapper .center-title .tit {
    font-size: 5.6vw;
  }
  #wrapper .center-title .tit::after {
    width: 6vw;
  }
}
@media screen and (max-width: 980px) {
  #wrapper .center-title .tit {
    padding: 0 3%;
    margin-bottom: 5%;
  }
  #wrapper .center-title .tit::after {
    bottom: -7%;
  }
}
#wrapper .center-title .en {
  display: none;
  color: #666;
  font-size: 0.83333333vw;
  text-transform: uppercase;
}
@media (max-width: 980px) {
  #wrapper .center-title .en {
    font-size: 2.13333333vw;
  }
}
#wrapper .paginator {
  text-align: center;
  margin-top: 5%;
}
#wrapper .paginator > span {
  line-height: 1.5625vw;
  height: 1.5625vw;
  margin: 0 0.1%;
  display: inline-block;
  color: rgba(0, 0, 0, 0.5);
  padding: 0 0.7%;
  font-size: 0.83333333vw;
}
@media (max-width: 980px) {
  #wrapper .paginator > span {
    line-height: 4vw;
    height: 4vw;
    font-size: 2.13333333vw;
  }
}
@media screen and (max-width: 980px) {
  #wrapper .paginator > span {
    display: none;
    line-height: 2.60416667vw;
    height: 2.60416667vw;
    padding: 0 3%;
  }
}
@media screen and (max-width: 980px) and (max-width: 980px) {
  #wrapper .paginator > span {
    line-height: 6.66666667vw;
    height: 6.66666667vw;
  }
}
#wrapper .paginator a {
  line-height: 1.5625vw;
  height: 1.5625vw;
  margin: 0 0.1%;
  display: inline-block;
  border: 1px solid #b2b2b2;
  color: rgba(0, 0, 0, 0.5);
  padding: 0 0.7%;
  font-size: 0.83333333vw;
}
@media (max-width: 980px) {
  #wrapper .paginator a {
    line-height: 4vw;
    height: 4vw;
    font-size: 2.13333333vw;
  }
}
@media screen and (max-width: 980px) {
  #wrapper .paginator a {
    display: none;
    line-height: 2.60416667vw;
    height: 2.60416667vw;
    padding: 0 3%;
  }
  #wrapper .paginator a:last-child,
  #wrapper .paginator a:nth-child(2) {
    display: inline-block;
    margin: 0 3%;
  }
}
@media screen and (max-width: 980px) and (max-width: 980px) {
  #wrapper .paginator a {
    line-height: 6.66666667vw;
    height: 6.66666667vw;
  }
}
#wrapper .paginator a.active,
#wrapper .paginator a:hover {
  border: 1px solid #21a8e0;
  background: #21a8e0;
  color: #fff;
}
#wrapper .subkv,
#wrapper .uploadBgBlock {
  background-image: url(none);
}
#wrapper .subkv {
  width: 100%;
  height: 100vh;
  background-color: #000;
  background-repeat: no-repeat;
  -o-background-size: cover;
  background-size: cover;
  background-position: right center;
}
#wrapper .subkv .kv_tit_box {
  position: absolute;
  top: 50%;
  left: 8.33333333vw;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #fff;
}
#wrapper .subkv .kv_tit_box .tit {
  font-size: 2.60416667vw;
  margin: 0 0 0.91145833rem;
  position: relative;
}
@media (max-width: 980px) {
  #wrapper .subkv .kv_tit_box .tit {
    font-size: 6.66666667vw;
  }
}
@media screen and (max-width: 980px) {
  #wrapper .subkv {
    background-image: url(none);
    background-color: #000;
    background-repeat: no-repeat;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center;
  }
  #wrapper .subkv .kv_tit_box {
    width: 100%;
    left: 0;
    padding: 0 10%;
    text-align: center;
  }
  #wrapper .subkv .kv_tit_box .tit {
    font-size: 2.34375vw;
  }
}
@media screen and (max-width: 980px) and (max-width: 980px) {
  #wrapper .subkv .kv_tit_box .tit {
    font-size: 6vw;
  }
}
#wrapper .subkv .kv_tit_box .tit::after {
  position: absolute;
  display: none;
  content: ' ';
  width: 2.08333333vw;
  height: 2px;
  bottom: -0.52083333vw;
  left: 0;
  background-color: #fff;
}
#wrapper .subkv .kv_tit_box .tit span {
  font-size: 1.82291667vw;
}
@media (max-width: 980px) {
  #wrapper .subkv .kv_tit_box .tit::after {
    width: 5.33333333vw;
  }
  #wrapper .subkv .kv_tit_box .tit span {
    font-size: 4.66666667vw;
  }
}
@media screen and (max-width: 980px) {
  #wrapper .subkv .kv_tit_box .tit::after {
    width: 100%;
    height: 1px;
    bottom: -1.5625vw;
  }
  #wrapper .subkv .kv_tit_box .tit span {
    font-size: 1.5625vw;
  }
}
@media screen and (max-width: 980px) and (max-width: 980px) {
  #wrapper .subkv .kv_tit_box .tit span {
    font-size: 4vw;
  }
}
#wrapper .subkv .kv_tit_box .des {
  font-size: 0.83333333vw;
  text-transform: uppercase;
}
@media (max-width: 980px) {
  #wrapper .subkv .kv_tit_box .des {
    font-size: 2.13333333vw;
  }
}
#wrapper .page_pos {
  background: #1a1b20;
  border-bottom: 1px solid #333;
}
#wrapper .page_pos .columnswitch {
  width: 60%;
  overflow: hidden;
}
#wrapper .page_pos .columnswitch a {
  float: left;
  color: rgba(255, 255, 255, 0.5);
  padding: 5% 3%;
  position: relative;
  border-left: 1px solid #535357;
  text-align: center;
  font-size: 0.83333333vw;
}
@media (max-width: 980px) {
  #wrapper .page_pos .columnswitch a {
    font-size: 2.13333333vw;
  }
}
@media screen and (max-width: 980px) {
  #wrapper .page_pos .columnswitch {
    width: 100%;
    white-space: nowrap;
    overflow-x: auto;
  }
  #wrapper .page_pos .columnswitch a {
    padding: 5% 4.2%;
    display: inline-block;
    float: none;
    border: none;
    font-size: 1.45833333vw;
  }
}
@media screen and (max-width: 980px) and (max-width: 980px) {
  #wrapper .page_pos .columnswitch a {
    font-size: 3.73333333vw;
  }
}
#wrapper .page_pos .columnswitch a:last-child {
  border-right: 1px solid #535357;
}
#wrapper .page_pos .columnswitch a:hover {
  color: #21a8df;
}
#wrapper .page_pos .columnswitch a span.arrow {
  display: none;
  position: absolute;
  width: 100%;
  left: 0;
}
#wrapper .page_pos .columnswitch a.active {
  color: #21a8df;
  background: #2a2b30;
}
#wrapper .page_pos .columnswitch a.active span.arrow {
  display: block;
}
#wrapper .page_pos .breadcrumb {
  margin: 3% 0 0;
  width: 34%;
  text-align: right;
}
#wrapper .page_pos .breadcrumb a {
  color: rgba(255, 255, 255, 0.5);
  font-size: 0.83333333vw;
}
#wrapper .page_pos .breadcrumb a:hover {
  color: #21a8df;
}
#wrapper .page_pos .breadcrumb span {
  color: rgba(255, 255, 255, 0.5);
  padding: 0 1%;
}
#wrapper .w1400 {
  width: 72.91666667vw;
  margin: 0 auto;
}
@media (max-width: 980px) {
  #wrapper .page_pos .breadcrumb a {
    font-size: 2.13333333vw;
  }
  #wrapper .w1400 {
    width: 186.66666667vw;
  }
}
@media screen and (max-width: 1440px) {
  #wrapper .w1400 {
    width: 83.33333333vw;
  }
}
@media screen and (max-width: 1440px) and (max-width: 980px) {
  #wrapper .w1400 {
    width: 213.33333333vw;
  }
}
@media screen and (max-width: 980px) {
  #wrapper .page_pos .columnswitch a:last-child {
    border: none;
  }
  #wrapper .page_pos .breadcrumb,
  #wrapper .page_pos .columnswitch a.active span.arrow {
    display: none;
  }
  #wrapper .w1400 {
    width: 100%;
    padding: 0;
  }
}
#wrapper .w1200 {
  width: 62.5vw;
  margin: 0 auto;
}
@media (max-width: 980px) {
  #wrapper .w1200 {
    width: 160vw;
  }
}
@media screen and (max-width: 980px) {
  #wrapper .w1200 {
    width: 90%;
  }
}
#wrapper #header {
  width: 100vw;
  height: 5.20833333vw;
  z-index: 999;
  background-color: rgba(0, 0, 0, 0.7);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
@media (max-width: 980px) {
  #wrapper #header {
    width: 256vw;
    height: 13.33333333vw;
  }
}
@media screen and (max-width: 980px) {
  #wrapper #header {
    background: #000;
    z-index: 9999;
    height: 60px;
    width: 100%;
  }
}
#wrapper #header .mobile-menu {
  margin-right: 7%;
  width: 93%;
}
@media screen and (max-width: 980px) {
  #wrapper #header .mobile-menu {
    width: 100%;
    background: #000;
    position: absolute;
    left: 0;
    top: 60px;
    display: none;
    margin: 0;
  }
}
#wrapper #header.black {
  top: -100%;
}
#wrapper #header .logo {
  position: absolute;
  top: 0;
  left: 3%;
  width: 5.57291667vw;
  height: 1.04166667vw;
  margin: 1.04166667rem 0 0;
  background-image: url(../imgs/logo.png);
  background-color: none;
  background-repeat: no-repeat;
  -o-background-size: contain;
  background-size: contain;
  background-position: center center;
}
@media (max-width: 980px) {
  #wrapper #header .logo {
    width: 14.26666667vw;
    height: 2.66666667vw;
  }
}
@media screen and (max-width: 980px) {
  #wrapper #header .logo {
    width: 80px;
    height: 15px;
    margin: 22px 0 0;
  }
}
#wrapper #header a.i_want {
  width: 6.77083333vw;
  height: 2.60416667vw;
  line-height: 2.60416667vw;
  margin: 0.65104167rem 0 0 0.78125rem;
  font-size: 0.83333333vw;
  background: #fff;
  position: relative;
  -webkit-border-radius: 2.60416667vw 0 0 2.60416667vw;
  border-radius: 2.60416667vw 0 0 2.60416667vw;
}
@media (max-width: 980px) {
  #wrapper #header a.i_want {
    width: 17.33333333vw;
    height: 6.66666667vw;
    line-height: 6.66666667vw;
    font-size: 2.13333333vw;
  }
}
@media screen and (max-width: 980px) {
  #wrapper #header a.i_want {
    position: absolute;
    right: 6%;
    top: 6px;
    width: 80px;
    height: 30px;
    line-height: 30px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    font-size: 14px;
  }
}
#wrapper #header a.i_want span {
  display: inline-block;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  vertical-align: middle;
  margin-top: -2px;
}
#wrapper #header a.i_want:hover {
  background-color: #2da9de;
  color: #fff;
}
#wrapper #header .menu_btn {
  position: absolute;
  right: 6%;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  color: #fff;
  font-size: 20px;
  display: none;
}
#wrapper #header .menu_btn.on {
  color: #21a8e0;
}
#wrapper #header .lang {
  border: 1px solid #fff;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  height: 1.25vw;
  line-height: 1.25vw;
  overflow: hidden;
  position: relative;
  margin: 0.96354167rem 0 0;
}
@media (max-width: 980px) {
  #wrapper #header .lang {
    height: 3.2vw;
    line-height: 3.2vw;
  }
}
@media screen and (max-width: 980px) {
  #wrapper #header .menu_btn {
    display: block;
  }
  #wrapper #header .lang {
    float: left;
    width: 60px;
    height: 20px;
    line-height: 20px;
    margin-left: 3%;
    margin-top: 7.5%;
  }
}
#wrapper #header .lang a {
  float: left;
  height: 1.25vw;
  line-height: 1.25vw;
  font-size: 0.625vw;
  color: #fff;
  padding: 0 0.15625rem;
}
@media (max-width: 980px) {
  #wrapper #header .lang a {
    height: 3.2vw;
    line-height: 3.2vw;
    font-size: 1.6vw;
  }
}
#wrapper #header .lang a.active {
  background-color: #fff;
  color: #6a828a;
}
#wrapper #header .search {
  margin: 0.98958333rem 0.91145833rem 0 0;
  border-bottom: 1px solid transparent;
  padding-bottom: 5px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
@media screen and (max-width: 980px) {
  #wrapper #header .lang a {
    font-size: 12px;
    width: 29px;
    height: 20px;
    line-height: 20px;
    text-align: center;
  }
  #wrapper #header .search {
    margin: 6% 3% 0 0;
    width: 170px;
    height: 25px;
    border: 1px solid #fff;
  }
}
#wrapper #header .search .ind-submit {
  width: 1.04166667vw;
  height: 1.04166667vw;
  font-size: 0.9375vw;
  line-height: 1.04166667vw;
  background: 0 0;
  color: #fff;
  border: none;
  cursor: pointer;
}
@media (max-width: 980px) {
  #wrapper #header .search .ind-submit {
    width: 2.66666667vw;
    height: 2.66666667vw;
    font-size: 2.4vw;
    line-height: 2.66666667vw;
  }
}
@media screen and (max-width: 980px) {
  #wrapper #header .search .ind-submit {
    font-size: 16px;
    width: 25px;
    height: 25px;
    line-height: 25px;
  }
}
#wrapper #header .search .ind-text {
  width: 0;
  height: 1.04166667vw;
  background: 0 0;
  color: #fff;
}
@media (max-width: 980px) {
  #wrapper #header .search .ind-text {
    height: 2.66666667vw;
  }
}
@media screen and (max-width: 980px) {
  #wrapper #header .search .ind-text {
    width: 139px;
    height: 25px;
    line-height: 25px;
    float: left;
    font-size: 12px;
    padding: 0 5%;
  }
}
#wrapper #header .search:hover {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  border-bottom: 1px solid #fff;
}
#wrapper #header .search:hover .ind-text {
  width: 7.8125vw;
}
@media (max-width: 980px) {
  #wrapper #header .search:hover .ind-text {
    width: 20vw;
  }
}
@media screen and (max-width: 980px) {
  #wrapper #header .search:hover .ind-text {
    width: 139px;
  }
}
#wrapper #header .header_nav {
  margin: 0 1.30208333rem 0 0;
  width: 66%;
}
@media screen and (max-width: 1280px) {
  #wrapper #header .header_nav {
    width: 73%;
  }
}
@media screen and (max-width: 980px) {
  #wrapper #header .header_nav {
    width: 100%;
    margin: 0;
    padding-bottom: 20%;
    padding-top: 10%;
  }
}
#wrapper #header .header_nav .h_cb {
  width: 100%;
}
#wrapper #header .header_nav .h_cb li {
  float: left;
  height: 5.20833333vw;
  padding: 0 2%;
}
#wrapper #header .header_nav .h_cb li.hoverClass {
  background: #2da9de;
}
#wrapper #header .header_nav .h_cb li.hoverClass a.tit {
  color: #fff;
}
#wrapper #header .header_nav .h_cb li.on a.tit {
  position: relative;
  display: block;
  font-size: 0.9375vw;
}
@media (max-width: 980px) {
  #wrapper #header .header_nav .h_cb li {
    height: 13.33333333vw;
  }
  #wrapper #header .header_nav .h_cb li.on a.tit {
    font-size: 2.4vw;
  }
}
@media screen and (max-width: 980px) {
  #wrapper #header .header_nav .h_cb li {
    width: 100%;
    height: auto;
    padding: 0 3%;
    border-bottom: 1px solid #343434;
  }
  #wrapper #header .header_nav .h_cb li.hoverClass {
    background: 0 0;
  }
  #wrapper #header .header_nav .h_cb li.on a.tit {
    font-size: 18px;
  }
}
#wrapper #header .header_nav .h_cb li.on a.tit::before {
  position: absolute;
  display: block;
  content: ' ';
  width: 2.08333333vw;
  height: 2px;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #fff;
}
@media screen and (max-width: 980px) {
  #wrapper #header .header_nav .h_cb li.on a.tit::before {
    display: none;
  }
}
#wrapper #header .header_nav .h_cb li:last-child {
  margin-right: 0;
}
#wrapper #header .header_nav .h_cb li a {
  color: #fff;
  display: block;
}
#wrapper #header .header_nav .h_cb li a.tit {
  font-size: 0.9139vw;
  height: 100%;
  line-height: 4.79166667vw;
}
@media (max-width: 980px) {
  #wrapper #header .header_nav .h_cb li.on a.tit::before {
    width: 5.33333333vw;
  }
  #wrapper #header .header_nav .h_cb li a.tit {
    font-size: 2.4vw;
    line-height: 12.26666667vw;
  }
}
@media screen and (max-width: 980px) {
  #wrapper #header .header_nav .h_cb li a.tit {
    font-size: 18px;
    padding: 4% 2%;
    margin: 0;
    line-height: 100%;
    position: relative;
  }
}
#wrapper #header .header_nav .h_cb li a.tit::after {
  font-size: 24px;
  content: '+';
  position: absolute;
  right: 2%;
  top: 50%;
  color: #666;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  display: none;
}
@media screen and (max-width: 980px) {
  #wrapper #header .header_nav .h_cb li a.tit::after {
    display: block;
  }
}
#wrapper #header .header_nav .h_cb li a.tit.tit.active {
  color: #21a8df;
}
#wrapper #header .header_nav .h_cb li .sub_menu .link_item dl dt a:hover,
#wrapper #header .header_nav .h_cb li a:hover {
  color: #2da9de;
}
#wrapper #header .header_nav .h_cb li a.tit.tit.active::after {
  content: '-';
  font-size: 28px;
}
#wrapper #header .header_nav .h_cb li .sub_menu {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.7);
  display: none;
  overflow: hidden;
}
@media screen and (max-width: 980px) {
  #wrapper #header .header_nav .h_cb li .sub_menu {
    position: static;
    padding: 0 2% 3%;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    height: auto;
  }
  #wrapper #header .header_nav .h_cb li .sub_menu .sub_menu_con {
    position: static;
  }
}
#wrapper #header .header_nav .h_cb li .sub_menu .sub_menu_con {
  width: 100%;
  overflow: hidden;
  padding: 1.04166667rem 0;
}
#wrapper #header .header_nav .h_cb li .sub_menu .menu_thumb {
  float: left;
  margin: 0 2.60416667rem 0 7.8125rem;
}
#wrapper #header .header_nav .h_cb li .sub_menu .menu_thumb img {
  width: 16.66666667vw;
}
@media (max-width: 980px) {
  #wrapper #header .header_nav .h_cb li .sub_menu .menu_thumb img {
    width: 42.66666667vw;
  }
}
#wrapper #header .header_nav .h_cb li .sub_menu .link_item {
  overflow: hidden;
}
#wrapper #header .header_nav .h_cb li .sub_menu .link_item dl {
  float: left;
  margin-right: 6%;
  white-space: nowrap;
}
@media screen and (max-width: 980px) {
  #wrapper #header .header_nav .h_cb li .sub_menu .menu_thumb {
    display: none;
  }
  #wrapper #header .header_nav .h_cb li .sub_menu .link_item dl {
    float: none;
    margin-left: 5%;
    margin-bottom: 15px;
    width: 100%;
  }
}
#wrapper #header .header_nav .h_cb li .sub_menu .link_item dl dt {
  margin-bottom: 10px;
}
#wrapper #header .header_nav .h_cb li .sub_menu .link_item dl dt a {
  font-size: 0.9375vw;
}
@media (max-width: 980px) {
  #wrapper #header .header_nav .h_cb li .sub_menu .link_item dl dt a {
    font-size: 2.4vw;
  }
}
@media screen and (max-width: 980px) {
  #wrapper #header .header_nav .h_cb li .sub_menu .link_item dl dt a {
    font-size: 1.66666667vw;
  }
}
@media screen and (max-width: 980px) and (max-width: 980px) {
  #wrapper #header .header_nav .h_cb li .sub_menu .link_item dl dt a {
    font-size: 4.26666667vw;
  }
}
@media screen and (max-width: 980px) {
  #wrapper #header .header_nav .h_cb li .sub_menu .link_item dl dd {
    margin-left: 5%;
    font-size: 1.45833333vw;
  }
}
@media screen and (max-width: 980px) and (max-width: 980px) {
  #wrapper #header .header_nav .h_cb li .sub_menu .link_item dl dd {
    font-size: 3.73333333vw;
  }
}
#wrapper #header .header_nav .h_cb li .sub_menu .link_item dl dd a {
  margin-bottom: 10px;
  font-size: 0.83333333vw;
  color: rgba(255, 255, 255, 0.6);
}
@media (max-width: 980px) {
  #wrapper #header .header_nav .h_cb li .sub_menu .link_item dl dd a {
    font-size: 2.13333333vw;
  }
}
#wrapper #header .header_nav .h_cb li .sub_menu .link_item dl dd a:hover {
  color: #2da9de;
}
@media screen and (max-width: 980px) {
  #wrapper #header .header_nav .h_cb li .sub_menu .link_item dl dd a {
    font-size: 1.45833333vw;
  }
}
@media screen and (max-width: 980px) and (max-width: 980px) {
  #wrapper #header .header_nav .h_cb li .sub_menu .link_item dl dd a {
    font-size: 3.73333333vw;
  }
}
#wrapper #footer {
  background-color: #191b20;
  width: 100%;
}
@media screen and (max-width: 980px) {
  #wrapper #footer {
    padding: 0 4%;
    background: #000;
  }
}
#wrapper #footer .footer_top {
  width: 95%;
  padding: 1.5625rem 0 0;
}
@media screen and (max-width: 980px) {
  #wrapper #footer .footer_top {
    padding: 0 0 1.30208333rem;
  }
}
#wrapper #footer .footer_top .footer_logo_box {
  padding: 0 0 0.78125rem;
  border-bottom: 1px solid rgba(115, 115, 115, 0.1);
}
@media screen and (max-width: 980px) {
  #wrapper #footer .footer_top .footer_logo_box {
    padding: 7% 0;
    border-bottom: 1px solid #343434;
  }
  #wrapper #footer .footer_top .footer_logo_box .link-bar {
    display: none;
  }
}
#wrapper #footer .footer_top .footer_logo_box .link-bar {
  color: rgba(255, 255, 255, 0.5);
  font-size: 0.72916667vw;
  margin: 0.078125rem 0 0;
}
#wrapper #footer .footer_top .footer_logo_box .link-bar a {
  color: rgba(255, 255, 255, 0.5);
}
#wrapper #footer .footer_top .footer_logo_box .link-bar a:hover {
  color: #2da9de;
}
#wrapper #footer .footer_top .footer_logo_box .link-bar span {
  padding: 0 0.26041667rem;
}
#wrapper #footer .footer_top .footer_logo_box .logo {
  width: 6.25vw;
  height: 1.19791667vw;
  background-image: url(../imgs/logo2.png);
  background-color: none;
  background-repeat: no-repeat;
  -o-background-size: contain;
  background-size: contain;
  background-position: center center;
}
@media (max-width: 980px) {
  #wrapper #footer .footer_top .footer_logo_box .link-bar {
    font-size: 1.86666667vw;
  }
  #wrapper #footer .footer_top .footer_logo_box .logo {
    width: 16vw;
    height: 3.06666667vw;
  }
}
@media screen and (max-width: 980px) {
  #wrapper #footer .footer_top .footer_logo_box .logo {
    width: 10.41666667vw;
    height: 1.97916667vw;
  }
  #wrapper #footer .footer_top .footer_nav_box .footer_nav {
    float: none;
  }
}
@media screen and (max-width: 980px) and (max-width: 980px) {
  #wrapper #footer .footer_top .footer_logo_box .logo {
    width: 26.66666667vw;
    height: 5.06666667vw;
  }
}
#wrapper #footer .footer_top .footer_nav_box {
  padding: 0.78125rem 0 0;
}
#wrapper #footer .footer_top .footer_nav_box .footer_nav .f_cb li {
  float: left;
  margin: 0.26041667rem 1.69270833rem 0 0;
}
#wrapper #footer .footer_top .footer_nav_box .footer_nav .f_cb li:last-child {
  margin-right: 0;
}
@media screen and (max-width: 980px) {
  #wrapper #footer .footer_top .footer_nav_box .footer_nav .f_cb li {
    float: none;
    margin-right: 0;
    border-bottom: 1px solid #343434;
  }
}
#wrapper #footer .footer_top .footer_nav_box .footer_nav .f_cb li a {
  display: block;
  color: #6b6c6c;
  font-size: 0.83333333vw;
  margin: 0 0 0.3125rem;
}
@media (max-width: 980px) {
  #wrapper #footer .footer_top .footer_nav_box .footer_nav .f_cb li a {
    font-size: 2.13333333vw;
  }
}
#wrapper #footer .footer_top .footer_nav_box .footer_nav .f_cb li a.tit {
  color: #ccc;
  font-size: 0.9375vw;
  margin: 0 0 0.78125rem;
  position: relative;
}
@media (max-width: 980px) {
  #wrapper #footer .footer_top .footer_nav_box .footer_nav .f_cb li a.tit {
    font-size: 2.4vw;
  }
}
#wrapper #footer .footer_top .footer_nav_box .footer_nav .f_cb li a.tit::after {
  font-size: 24px;
  content: '+';
  position: absolute;
  right: 2%;
  top: 50%;
  color: #666;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  display: none;
}
#wrapper
  #footer
  .footer_top
  .footer_nav_box
  .footer_nav
  .f_cb
  li
  a.tit.tit.active {
  color: #21a8df;
}
#wrapper
  #footer
  .footer_top
  .footer_nav_box
  .footer_nav
  .f_cb
  li
  a.tit.tit.active::after {
  content: '-';
  font-size: 28px;
}
#wrapper #footer .footer_top .footer_nav_box .footer_nav .f_cb li a:hover {
  color: #2da9de;
}
@media screen and (max-width: 980px) {
  #wrapper
    #footer
    .footer_top
    .footer_nav_box
    .footer_nav
    .f_cb
    li
    a.tit::after {
    display: block;
  }
  #wrapper #footer .footer_top .footer_nav_box .footer_nav .f_cb li a.tit {
    padding: 3% 2%;
    font-size: 16px;
    margin: 0;
  }
  #wrapper #footer .footer_top .footer_nav_box .footer_nav .f_cb li .sub_menu {
    display: none;
    padding: 0 2% 3%;
  }
  #wrapper
    #footer
    .footer_top
    .footer_nav_box
    .footer_nav
    .f_cb
    li
    .sub_menu
    a {
    padding: 2% 0;
    font-size: 14px;
  }
  #wrapper #footer .footer_top .footer_nav_box .footer_nav_right {
    float: none;
    text-align: center;
  }
}
#wrapper #footer .footer_top .footer_nav_box .footer_nav_right .icon_links {
  margin: 0 0 0.65104167rem;
  color: #fff;
  font-size: 0.9375vw;
  font-weight: normal;
}
@media screen and (max-width: 980px) {
  #wrapper #footer .footer_top .footer_nav_box .footer_nav_right .icon_links {
    margin: 2.60416667rem 0;
  }
}
#wrapper #footer .footer_top .footer_nav_box .footer_nav_right .icon_links a {
  color: #fff;
  display: inline-block;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  position: relative;
  font-size: 1.25vw;
  width: 2.60416667vw;
  height: 2.60416667vw;
  line-height: 2.60416667vw;
  margin: 0 0 0 0.3125rem;
  border: 1px solid #313237;
}
@media (max-width: 980px) {
  #wrapper #footer .footer_top .footer_nav_box .footer_nav_right .icon_links a {
    font-size: 3.2vw;
    width: 6.66666667vw;
    height: 6.66666667vw;
    line-height: 6.66666667vw;
  }
}
#wrapper
  #footer
  .footer_top
  .footer_nav_box
  .footer_nav_right
  .icon_links
  a
  .code {
  position: absolute;
  left: -50%;
  bottom: 101%;
  width: 168px;
  display: none;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
#wrapper .email_block .email_list a span.icon,
#wrapper ul.thumbList li .cover .con {
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
@media screen and (max-width: 980px) {
  #wrapper #footer .footer_top .footer_nav_box .footer_nav_right .icon_links a {
    width: 6.25vw;
    height: 6.25vw;
    line-height: 6.25vw;
    font-size: 2.60416667vw;
    margin: 0 2%;
  }
  #wrapper
    #footer
    .footer_top
    .footer_nav_box
    .footer_nav_right
    .service_titme {
    float: none;
    text-align: left;
    margin-bottom: 5%;
  }
}
@media screen and (max-width: 980px) and (max-width: 980px) {
  #wrapper #footer .footer_top .footer_nav_box .footer_nav_right .icon_links a {
    width: 16vw;
    height: 16vw;
    line-height: 16vw;
    font-size: 6.66666667vw;
  }
}
#wrapper
  #footer
  .footer_top
  .footer_nav_box
  .footer_nav_right
  .icon_links
  a:hover {
  color: #2da9de;
}
#wrapper
  #footer
  .footer_top
  .footer_nav_box
  .footer_nav_right
  .icon_links
  a:hover
  .code {
  display: block;
}
#wrapper
  #footer
  .footer_top
  .footer_nav_box
  .footer_nav_right
  .service_titme
  dl {
  color: #fff;
  font-size: 0.72916667vw;
  margin: 0 0 0.65104167rem;
}
@media (max-width: 980px) {
  #wrapper
    #footer
    .footer_top
    .footer_nav_box
    .footer_nav_right
    .service_titme
    dl {
    font-size: 1.86666667vw;
  }
}
#wrapper
  #footer
  .footer_top
  .footer_nav_box
  .footer_nav_right
  .service_titme
  dl
  dt {
  margin-bottom: 3%;
}
@media screen and (max-width: 980px) {
  #wrapper
    #footer
    .footer_top
    .footer_nav_box
    .footer_nav_right
    .service_titme
    dl {
    overflow: hidden;
  }
  #wrapper
    #footer
    .footer_top
    .footer_nav_box
    .footer_nav_right
    .service_titme
    dl
    dt {
    float: left;
    font-size: 14px;
  }
}
#wrapper
  #footer
  .footer_top
  .footer_nav_box
  .footer_nav_right
  .service_titme
  dl
  dd {
  color: #21a8df;
  font-size: 0.9375vw;
}
@media (max-width: 980px) {
  #wrapper
    #footer
    .footer_top
    .footer_nav_box
    .footer_nav_right
    .service_titme
    dl
    dd {
    font-size: 2.4vw;
  }
}
@media screen and (max-width: 1400) {
  #wrapper #footer .footer_nav_right {
    width: 100%;
  }
}
#wrapper #footer .footer_copyright {
  padding: 1% 0;
  color: rgba(255, 255, 255, 0.2);
  border-top: 1px solid rgba(115, 115, 115, 0.1);
  background-color: #16181c;
}
@media screen and (max-width: 980px) {
  #wrapper
    #footer
    .footer_top
    .footer_nav_box
    .footer_nav_right
    .service_titme
    dl
    dd {
    float: left;
    font-size: 15px;
    margin-left: 3%;
    margin-top: 0;
  }
  #wrapper #footer .footer_copyright {
    background: #000;
    padding: 3% 0;
    border-top: 1px solid #343434;
    font-size: 14px;
  }
}
#wrapper .email_block {
  width: 100%;
  padding: 4% 0;
  background-image: url(../imgs/email_block_bg.jpg);
  background-color: #fefeff;
  background-repeat: no-repeat;
  -o-background-size: cover;
  background-size: cover;
  background-position: center center;
}
#wrapper .email_block .tit_box {
  width: 60%;
  color: #fff;
  padding-bottom: 4%;
}
#wrapper .email_block .tit_box .tit {
  font-size: 2.08333333vw;
  margin-bottom: 2%;
}
@media (max-width: 980px) {
  #wrapper .email_block .tit_box .tit {
    font-size: 5.33333333vw;
  }
}
@media screen and (max-width: 980px) {
  #wrapper .email_block .tit_box {
    width: 90%;
    padding-left: 3%;
  }
  #wrapper .email_block .tit_box .tit {
    font-size: 2.08333333vw;
  }
  #wrapper .email_block .email_list {
    padding-left: 5%;
  }
}
@media screen and (max-width: 980px) and (max-width: 980px) {
  #wrapper .email_block .tit_box .tit {
    font-size: 5.33333333vw;
  }
}
#wrapper .email_block .tit_box .en_tit {
  font-size: 0.9375vw;
  text-transform: uppercase;
}
@media (max-width: 980px) {
  #wrapper .email_block .tit_box .en_tit {
    font-size: 2.4vw;
  }
}
#wrapper .email_block .email_list {
  overflow: hidden;
}
#wrapper .email_block .email_list a {
  float: left;
  width: 21%;
  padding: 1% 3%;
  background-color: #2a2b30;
  color: #fff;
  font-size: 14px;
  position: relative;
  margin: 0 4% 1.5% 0;
}
#wrapper .email_block .email_list a:hover,
#wrapper ul.download-list li > a:hover {
  background: #21a8e0;
}
#wrapper .email_block .email_list a:nth-child(4n) {
  margin-right: 0;
}
#wrapper .email_block .email_list a .arae i {
  font-style: normal;
}
@media screen and (max-width: 980px) {
  #wrapper .email_block .email_list a .arae i {
    display: none;
  }
  #wrapper .email_block .email_list a {
    width: 45%;
    float: none;
    padding: 3%;
    display: inline-block;
    margin: 0 1% 5%;
    font-size: 12px;
  }
}
#wrapper .email_block .email_list a span.icon {
  position: absolute;
  right: 5%;
  top: 50%;
  font-size: 18px;
  transform: translateY(-50%);
}
#wrapper .page_nav {
  width: 100%;
  padding: 4% 0;
  text-align: center;
  background-image: url(../imgs/bg2.jpg);
  background-color: #1a1b20;
  background-repeat: no-repeat;
  -o-background-size: contain;
  background-size: contain;
  background-position: bottom center;
}
#wrapper .page_nav a {
  color: #fefeff;
  display: inline-block;
  margin: 0 7%;
  vertical-align: top;
}
@media screen and (max-width: 980px) {
  #wrapper .page_nav a {
    width: 20%;
    margin: 0 3%;
    font-size: 14px !important;
  }
}
#wrapper .page_nav a .tit {
  font-size: 1.25vw;
}
@media (max-width: 980px) {
  #wrapper .page_nav a .tit {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 980px) {
  #wrapper .page_nav a .tit {
    font-size: 14px !important;
  }
}
#wrapper .page_nav a .icon {
  width: 80px;
  height: 80px;
  line-height: 80px;
  font-size: 40px;
  display: block;
  margin: 0 auto 10px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid #333;
}
#wrapper .page_nav a.active,
#wrapper .page_nav a:hover {
  color: #21a8e0;
}
#wrapper .page_nav a.active .icon,
#wrapper .page_nav a:hover .icon {
  border-color: #21a8e0;
}
#wrapper .uploadBgBlock {
  background-color: none;
  background-repeat: no-repeat;
  -o-background-size: cover;
  background-size: cover;
  background-position: right center;
}
@media screen and (max-width: 980px) {
  #wrapper .page_nav a .icon {
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 30px;
  }
  #wrapper ul.thumbList {
    padding: 0 3%;
  }
}
#wrapper ul.thumbList li {
  float: left;
  width: 32%;
  margin-right: 2%;
  position: relative;
  color: #fff;
  text-align: center;
  overflow: hidden;
}
#wrapper ul.thumbList li:nth-child(3) {
  margin: 0;
}
#wrapper ul.thumbList li .tit {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 3% 0;
  font-size: 0.9375vw;
  background: rgba(0, 0, 0, 0.7);
}
@media (max-width: 980px) {
  #wrapper ul.thumbList li .tit {
    font-size: 2.4vw;
  }
}
@media screen and (max-width: 1440px) {
  #wrapper ul.thumbList li .tit {
    font-size: 1.45833333vw;
  }
}
@media screen and (max-width: 1440px) and (max-width: 980px) {
  #wrapper ul.thumbList li .tit {
    font-size: 3.73333333vw;
  }
}
#wrapper ul.thumbList li .cover {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  background: rgba(0, 0, 0, 0.7);
}
#wrapper ul.thumbList li .cover .con {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  padding: 0 12%;
  transform: translateY(-50%);
}
#wrapper ul.thumbList li .cover .con h2 {
  display: inline-block;
  border-bottom: 2px solid #fff;
  padding-bottom: 2.5%;
  font-size: 1.97916667vw;
  margin-bottom: 3%;
}
@media (max-width: 980px) {
  #wrapper ul.thumbList li .cover .con h2 {
    font-size: 5.06666667vw;
  }
}
@media screen and (max-width: 980px) {
  #wrapper ul.thumbList li {
    width: 100%;
  }
  #wrapper ul.thumbList li .cover .con h2 {
    font-size: 4.16666667vw !important;
  }
  #wrapper .article-block {
    padding: 5%;
  }
}
@media screen and (max-width: 980px) and (max-width: 980px) {
  #wrapper ul.thumbList li .cover .con h2 {
    font-size: 10.66666667vw;
  }
}
#wrapper ul.thumbList li .cover .con p {
  font-size: 0.9375vw;
  line-height: 180%;
}
@media (max-width: 980px) {
  #wrapper ul.thumbList li .cover .con p {
    font-size: 2.4vw;
  }
}
#wrapper ul.thumbList li.active .tit,
#wrapper ul.thumbList li:hover .tit {
  bottom: -50%;
}
#wrapper ul.thumbList li.active .cover,
#wrapper ul.thumbList li:hover .cover {
  opacity: 1;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#wrapper .article-block table tr td {
  width: auto;
  white-space: nowrap;
}
#wrapper .article-block table tr td:first-child {
  width: 200px;
}
#wrapper .article-block p {
  line-height: 180%;
  color: #9f9f9f;
  /* font-size: 0.9375vw; */
}
@media (max-width: 980px) {
  #wrapper .article-block p {
    font-size: 2.4vw;
  }
}
@media screen and (max-width: 980px) {
  #wrapper .article-block p {
    font-size: 1.45833333vw;
  }
}
#wrapper .article-block p img {
  width: auto !important;
  max-width: 100%;
  height: auto !important;
}
#wrapper ul.download-list li {
  background: #f8f8f8;
  margin-bottom: 2%;
  overflow: hidden;
}
@media screen and (max-width: 980px) {
  #wrapper ul.download-list li {
    padding: 5% 0;
    margin-bottom: 5%;
  }
}
#wrapper ul.download-list li > a {
  display: block;
  overflow: hidden;
  padding: 3%;
}
#wrapper ul.download-list li > a .date {
  float: left;
  border: 1px solid #999;
  -webkit-border-radius: 20%;
  border-radius: 20%;
  text-align: center;
  overflow: hidden;
  width: 3.125vw;
  height: 3.125vw;
  min-width: 50px;
  min-height: 50px;
}
@media (max-width: 980px) {
  #wrapper ul.download-list li > a .date {
    width: 8vw;
    height: 8vw;
  }
}
@media screen and (max-width: 980px) {
  #wrapper ul.download-list li > a .date {
    width: 5.20833333vw;
    height: 5.20833333vw;
  }
}
@media screen and (max-width: 980px) and (max-width: 980px) {
  #wrapper .article-block p {
    font-size: 3.73333333vw;
  }
  #wrapper ul.download-list li > a .date {
    width: 13.33333333vw;
    height: 13.33333333vw;
  }
}
#wrapper ul.download-list li > a .date .year {
  background: #999;
  color: #fff;
  line-height: 150%;
}
#wrapper ul.download-list li > a .date .day {
  color: #999;
  line-height: 200%;
}
#wrapper ul.download-list li > a .tit {
  float: left;
  color: #333;
  margin: 0 0 0 3%;
  position: relative;
  width: 62%;
  line-height: 180%;
  font-size: 1.04166667vw;
  height: 3.125vw;
}
@media (max-width: 980px) {
  #wrapper ul.download-list li > a .tit {
    font-size: 2.66666667vw;
    height: 8vw;
  }
}
@media screen and (max-width: 980px) {
  #wrapper ul.download-list li > a .tit {
    height: auto;
    width: 100%;
    float: none;
    padding: 0 5% 0 15%;
    font-size: 1.45833333vw;
  }
}
@media screen and (max-width: 980px) and (max-width: 980px) {
  #wrapper ul.download-list li > a .tit {
    font-size: 3.73333333vw;
  }
}
#wrapper ul.download-list li > a .tit span {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media screen and (max-width: 980px) {
  #wrapper ul.download-list li > a .tit span {
    position: static;
    top: 0;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
#wrapper .form-modal,
.fix-lb,
.fix-lm,
.fix-lt {
  position: fixed;
}
#wrapper ul.download-list li > a .download {
  float: right;
  color: #999;
  height: 3.125vw;
  font-size: 0.9375vw;
  line-height: 3.125vw;
}
@media (max-width: 980px) {
  #wrapper ul.download-list li > a .download {
    height: 8vw;
    font-size: 2.4vw;
    line-height: 8vw;
  }
}
@media screen and (max-width: 980px) {
  #wrapper ul.download-list li > a .download {
    float: none;
    width: 100%;
    margin-top: 5%;
    margin-left: 19%;
    text-align: left;
    clear: both;
    font-size: 1.45833333vw;
  }
}
@media screen and (max-width: 980px) and (max-width: 980px) {
  #wrapper ul.download-list li > a .download {
    font-size: 3.73333333vw;
  }
}
#wrapper ul.download-list li > a .download span {
  display: inline-block;
  border: 1px solid #999;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
  margin-left: 5px;
  width: 1.5625vw;
  height: 1.5625vw;
  line-height: 1.5625vw;
}
@media (max-width: 980px) {
  #wrapper ul.download-list li > a .download span {
    width: 4vw;
    height: 4vw;
    line-height: 4vw;
  }
}
@media screen and (max-width: 980px) {
  #wrapper ul.download-list li > a .download span {
    font-size: 1.66666667vw;
    width: 2.08333333vw;
    height: 2.08333333vw;
    line-height: 2.08333333vw;
  }
}
@media screen and (max-width: 980px) and (max-width: 980px) {
  #wrapper ul.download-list li > a .download span {
    font-size: 4.26666667vw;
    width: 5.33333333vw;
    height: 5.33333333vw;
    line-height: 5.33333333vw;
  }
}
#wrapper ul.download-list li > a:hover .date {
  border: 1px solid #fff;
}
#wrapper ul.download-list li > a:hover .date .year {
  background: #fff;
  color: #21a8e0;
  line-height: 150%;
}
#wrapper ul.download-list li > a:hover .date .day {
  color: #fff;
  line-height: 200%;
}
#wrapper ul.download-list li > a:hover .download,
#wrapper ul.download-list li > a:hover .tit {
  color: #fff;
}
#wrapper ul.download-list li > a:hover .download span {
  border-color: #fff;
}
#wrapper .form-modal {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow-y: scroll;
  background: rgba(0, 0, 0, 0.7);
  display: none;
  z-index: 10000;
}
#wrapper .form-modal .win-popup {
  margin: 10% auto;
  position: relative;
  padding: 4%;
  background-image: url(../imgs/form_modal_bg.jpg);
  background-color: none;
  background-repeat: no-repeat;
  -o-background-size: contain;
  background-size: contain;
  background-position: center center;
  height: 48.125vw;
  width: 38.80208333vw;
}
#wrapper .form-modal .win-popup .popup-main .tit {
  color: #333;
  margin: 0 0 3%;
  font-size: 0.9375vw;
}
@media (max-width: 980px) {
  #wrapper .form-modal .win-popup {
    height: 123.2vw;
    width: 99.33333333vw;
  }
  #wrapper .form-modal .win-popup .popup-main .tit {
    font-size: 2.4vw;
  }
}
#wrapper .form-modal .win-popup .popup-main .clause {
  background: #fff;
  border: 1px solid #acacad;
  padding: 3%;
  line-height: 180%;
  color: #000;
  overflow-y: auto;
  margin-bottom: 7%;
  height: 6.25vw;
}
#wrapper .form-modal .win-popup .popup-main .popup-form li {
  margin: 0 0 1.5%;
  position: relative;
}
#wrapper .form-modal .win-popup .popup-main .popup-form li .label {
  position: absolute;
  top: 0;
  left: 0;
  color: #666;
  display: inline-block;
  font-size: 0.83333333vw;
  width: 12.5vw;
  margin: 0 1% 0 0;
}
@media (max-width: 980px) {
  #wrapper .form-modal .win-popup .popup-main .clause {
    height: 16vw;
  }
  #wrapper .form-modal .win-popup .popup-main .popup-form li .label {
    font-size: 2.13333333vw;
    width: 32vw;
  }
}
#wrapper .form-modal .win-popup .popup-main .popup-form li .input {
  display: inline-block;
  margin-left: 42%;
}
#wrapper .form-modal .win-popup .popup-main .popup-form li .input input {
  border: 1px solid #acacad;
  color: #666;
  padding: 0 3%;
  width: 17.70833333vw;
  font-size: 0.83333333vw;
  height: 1.82291667vw;
  line-height: 1.82291667vw;
}
@media (max-width: 980px) {
  #wrapper .form-modal .win-popup .popup-main .popup-form li .input input {
    width: 45.33333333vw;
    font-size: 2.13333333vw;
    height: 4.66666667vw;
    line-height: 4.66666667vw;
  }
}
#wrapper .form-modal .win-popup .popup-main .popup-form li .input textarea {
  border: 1px solid #acacad;
  padding: 0 3%;
  font-size: 0.83333333vw;
  width: 17.70833333vw;
  height: 4.94791667vw;
  line-height: 1.82291667vw;
}
@media (max-width: 980px) {
  #wrapper .form-modal .win-popup .popup-main .popup-form li .input textarea {
    font-size: 2.13333333vw;
    width: 45.33333333vw;
    height: 12.66666667vw;
    line-height: 4.66666667vw;
  }
}
#wrapper .form-modal .win-popup .popup-main .popup-form li .agree {
  display: inline-block;
  padding: 10% 0 0;
  color: #666;
  vertical-align: top;
  cursor: pointer;
  font-size: 0.67708333vw;
}
#wrapper .form-modal .win-popup .popup-main .popup-form li .agree .radio {
  border: 1px solid #acacad;
  display: inline-block;
  vertical-align: middle;
  margin-top: -2px;
  position: relative;
  width: 0.72916667vw;
  height: 0.72916667vw;
}
@media (max-width: 980px) {
  #wrapper .form-modal .win-popup .popup-main .popup-form li .agree {
    font-size: 1.73333333vw;
  }
  #wrapper .form-modal .win-popup .popup-main .popup-form li .agree .radio {
    width: 1.86666667vw;
    height: 1.86666667vw;
  }
}
#wrapper
  .form-modal
  .win-popup
  .popup-main
  .popup-form
  li
  .agree
  .radio::before {
  display: block;
  position: absolute;
  background: #21a8df;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0;
  content: ' ';
  width: 0.41666667vw;
  height: 0.41666667vw;
}
@media (max-width: 980px) {
  #wrapper
    .form-modal
    .win-popup
    .popup-main
    .popup-form
    li
    .agree
    .radio::before {
    width: 1.06666667vw;
    height: 1.06666667vw;
  }
}
#wrapper .form-modal .win-popup .popup-main .popup-form li .agree .desc {
  display: inline-block;
  line-height: 100%;
}
#wrapper
  .form-modal
  .win-popup
  .popup-main
  .popup-form
  li
  .agree.active
  .radio::before {
  opacity: 1;
}
#wrapper .form-modal .win-popup .popup-main .popup-form li .submit {
  display: inline-block;
  margin-top: 3%;
}
#wrapper .form-modal .win-popup .popup-main .popup-form li .submit button {
  background: #21a8df;
  text-align: center;
  color: #fff;
  font-size: 0.83333333vw;
  width: 7.8125vw;
  height: 2.34375vw;
  line-height: 2.34375vw;
}
@media (max-width: 980px) {
  #wrapper .form-modal .win-popup .popup-main .popup-form li .submit button {
    font-size: 2.13333333vw;
    width: 20vw;
    height: 6vw;
    line-height: 6vw;
  }
}
.blockA,
.ex-mode,
.os-mode,
html {
  height: 100%;
}
#wrapper
  .form-modal
  .win-popup
  .popup-main
  .popup-form
  li
  .submit
  button.disabled {
  background: #666;
}
#wrapper .form-modal .close {
  position: absolute;
  right: 1.5%;
  top: 1%;
  line-height: 100%;
  font-size: 2.08333333vw;
}
.pr,
.swiper-container,
.swiper-wrapper,
sub,
sup {
  position: relative;
}
@media (max-width: 980px) {
  #wrapper .form-modal .close {
    font-size: 5.33333333vw;
  }
}
#wrapper .anchorBL {
  display: none !important;
}
.swiper-container {
  margin: 0 auto;
  overflow: hidden;
  direction: ltr;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}
.swiper-wrapper {
  width: 100%;
  -webkit-transition-duration: 0s;
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-transition-timing-function: ease;
  -moz-transition-property: -moz-transform, left, top;
  -moz-transition-duration: 0s;
  -moz-transform: translate3d(0, 0, 0);
  -moz-transition-timing-function: ease;
  -o-transition-duration: 0s;
  -o-transition-timing-function: ease;
  -o-transform: translate(0, 0);
  -ms-transition-property: -ms-transform, left, top;
  -ms-transition-duration: 0s;
  -ms-transform: translate3d(0, 0, 0);
  -ms-transition-timing-function: ease;
  -webkit-transition-property: left, top, -webkit-transform;
  -o-transition-property: left, top, -o-transform;
  transition-property: transform, left, top;
  transition-property: transform, left, top, -webkit-transform, -o-transform;
  transition-duration: 0s;
  transform: translate3d(0, 0, 0);
  transition-timing-function: ease;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.abs-lm,
.abs-rm {
  -webkit-transform: translate3d(0, -50%, 0);
  -ms-transform: translate3d(0, -50%, 0);
}
.swiper-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-slide {
  float: left;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.swiper-wp8-horizontal {
  -ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
  -ms-touch-action: pan-x;
}
blockquote,
body,
button,
code,
dd,
div,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
input,
legend,
li,
ol,
p,
pre,
td,
textarea,
th,
ul {
  margin: 0;
  padding: 0;
}
button,
h1,
h2,
h3,
h4,
h5,
h6,
input,
select,
textarea {
  font-size: 100%;
  font-weight: 400;
}
ol,
ul {
  list-style-type: none;
  list-style-image: none;
}
li {
  list-style: none;
}
@font-face {
  font-family: lanting;
  src: url(lanting.eot?t=1562641304925);
  src: url(lanting.eot?t=1562641304925#iefix) format('embedded-opentype'),
    url(lanting.woff?t=1562641304925) format('woff'),
    url(lanting.ttf?t=1562641304925) format('truetype');
}
a,
img {
  -webkit-touch-callout: none;
}
a {
  text-decoration: none;
  color: #333;
}
a:active,
a:hover {
  outline: 0;
}
a:focus {
  outerline: 1px dotted;
}
img {
  vertical-align: middle;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
.abs-lb,
.abs-mb,
.abs-rb,
.fix-lb,
.fix-mb,
.fix-rb {
  bottom: 0;
}
body,
button,
input,
select,
textarea {
  font-family: lanting, Simsun, arial;
}
button,
input,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
  outline: 0;
  -webkit-appearance: none;
}
textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical;
}
article,
aside,
figure,
footer,
header,
menu,
nav,
section {
  display: block;
  padding: 0;
  margin: 0;
}
* {
  -webkit-tap-highlight-color: transparent;
}
body,
div,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
p {
  -webkit-text-size-adjust: none;
}
input {
  border: none;
}
input:focus::-webkit-input-placeholder {
  color: #efefef;
}
*,
::after,
::before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  text-size-adjust: 100%;
  font-size: 62.5%;
}
body {
  font-size: 14px;
  line-height: 1.5;
}
article,
aside,
figcaption,
figure,
footer,
header,
nav,
section,
summary {
  display: block;
}
body,
html {
  width: 100%;
  min-width: 320px;
  min-height: 100%;
}
.ex-mode {
  overflow-y: scroll;
  -webkit-touch-scrolling: touch;
}
.os-mode {
  width: 100%;
  overflow: hidden;
}
.size10 {
  font-size: 10px;
}
.size12 {
  font-size: 12px;
}
.size13 {
  font-size: 13px;
}
.size14 {
  font-size: 14px;
}
.size15 {
  font-size: 15px;
}
.iconfont,
.size16 {
  font-size: 16px;
}
.size17 {
  font-size: 17px;
}
.size18 {
  font-size: 18px;
}
.size19 {
  font-size: 19px;
}
.size20 {
  font-size: 20px;
}
.size22 {
  font-size: 22px;
}
.size24 {
  font-size: 24px;
}
.size26 {
  font-size: 26px;
}
.size28 {
  font-size: 28px;
}
.size30 {
  font-size: 30px;
}
.size32 {
  font-size: 32px;
}
.size34 {
  font-size: 34px;
}
.size36 {
  font-size: 36px;
}
.size38 {
  font-size: 38px;
}
.size40 {
  font-size: 40px;
}
.font-bold {
  font-weight: 700;
}
.ta-l {
  text-align: left;
}
.ta-c {
  text-align: center;
}
.ta-r {
  text-align: right;
}
.va-tb {
  vertical-align: text-bottom;
}
.va-m {
  vertical-align: middle;
}
.no-border {
  border: none !important;
}
.block {
  display: block;
}
.blockA {
  display: block;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.ellipsis {
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.clearfix {
  display: inline-table;
  display: block;
  zoom: 1;
}
.clearfix:after {
  clear: both;
  content: '.';
  display: block;
  height: 0;
  visibility: hidden;
}
.center-box .center-body,
.center-box .center-hack,
.center-box .center-img {
  display: inline-block;
  vertical-align: middle;
}
.abs-lb,
.abs-lm,
.abs-lt {
  position: absolute;
  left: 0;
}
.abs-lt {
  top: 0;
}
.abs-lm {
  top: 50%;
  transform: translate3d(0, -50%, 0);
}
.abs-mb,
.abs-mm,
.abs-mt {
  left: 50%;
  position: absolute;
}
.abs-mt {
  top: 0;
  -webkit-transform: translate3d(-50%, 0, 0);
  -ms-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);
}
.abs-mm,
.fix-mm {
  -ms-transform: translate3d(-50%, -50%, 0);
}
.abs-mm {
  top: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
}
.abs-mb,
.fix-mt {
  -webkit-transform: translate3d(-50%, 0, 0);
}
.abs-mb {
  -ms-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);
}
.abs-rt {
  position: absolute;
  right: 0;
  top: 0;
}
.abs-rm {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate3d(0, -50%, 0);
}
.fix-lm,
.fix-rm {
  -webkit-transform: translate3d(0, -50%, 0);
}
.abs-rb {
  position: absolute;
  right: 0;
}
.fix-lt {
  left: 0;
  top: 0;
}
.fix-lm {
  left: 0;
  top: 50%;
  -ms-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
}
.fix-lb {
  left: 0;
}
.fix-mb,
.fix-mm,
.fix-mt {
  left: 50%;
  position: fixed;
}
.fix-mt {
  top: 0;
  -ms-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);
}
.fix-mm {
  top: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
}
.fix-mb {
  -webkit-transform: translate3d(-50%, 0, 0);
  -ms-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);
}
.fix-rt {
  position: fixed;
  right: 0;
  top: 0;
}
.fix-rm {
  position: fixed;
  right: 0;
  top: 50%;
  -ms-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
}
.fix-rb {
  position: fixed;
  right: 0;
}
.center-box {
  font-size: 0;
  height: 100%;
  letter-spacing: -5px;
}
.center-box .center-hack {
  font-size: 0;
  width: 0;
  height: 100%;
}
.center-box .center-body {
  letter-spacing: normal;
  word-spacing: normal;
  padding: 0 !important;
  margin: 0 !important;
  width: 100%;
  white-space: normal;
  word-wrap: break-word;
}
.center-box .center-img {
  width: 100%;
  text-align: center;
  padding: 0 !important;
  margin: 0 !important;
}
.center-box img {
  vertical-align: middle;
}
.auto {
  margin-left: auto;
  margin-right: auto;
}
.m5 {
  margin: 5px;
}
.m10 {
  margin: 10px;
}
.m15 {
  margin: 15px;
}
.m20 {
  margin: 20px;
}
.m25 {
  margin: 25px;
}
.mtb5 {
  margin-top: 5px;
  margin-bottom: 5px;
}
.mtb10 {
  margin-top: 10px;
  margin-bottom: 10px;
}
.mtb15 {
  margin-top: 15px;
  margin-bottom: 15px;
}
.mtb20 {
  margin-top: 20px;
  margin-bottom: 20px;
}
.mtb25 {
  margin-top: 25px;
  margin-bottom: 25px;
}
.mlr5 {
  margin-left: 5px;
  margin-right: 5px;
}
.mlr10 {
  margin-left: 10px;
  margin-right: 10px;
}
.mlr15 {
  margin-left: 15px;
  margin-right: 15px;
}
.mlr20 {
  margin-left: 20px;
  margin-right: 20px;
}
.mlr25 {
  margin-left: 25px;
  margin-right: 25px;
}
.mt5 {
  margin-top: 5px;
}
.mt10 {
  margin-top: 10px;
}
.mt15 {
  margin-top: 15px;
}
.mt20 {
  margin-top: 20px;
}
.mt25 {
  margin-top: 25px;
}
.mr5 {
  margin-right: 5px;
}
.mr10 {
  margin-right: 10px;
}
.mr15 {
  margin-right: 15px;
}
.mr20 {
  margin-right: 20px;
}
.mr25 {
  margin-right: 25px;
}
.mb5 {
  margin-bottom: 5px;
}
.mb10 {
  margin-bottom: 10px;
}
.mb15 {
  margin-bottom: 15px;
}
.mb20 {
  margin-bottom: 20px;
}
.mb25 {
  margin-bottom: 25px;
}
.ml5 {
  margin-left: 5px;
}
.ml10 {
  margin-left: 10px;
}
.ml15 {
  margin-left: 15px;
}
.ml20 {
  margin-left: 20px;
}
.ml25 {
  margin-left: 25px;
}
.p5 {
  padding: 5px;
}
.p10 {
  padding: 10px;
}
.p15 {
  padding: 15px;
}
.p20 {
  padding: 20px;
}
.p25 {
  padding: 25px;
}
.ptb5 {
  padding-top: 5px;
  padding-bottom: 5px;
}
.ptb10 {
  padding-top: 10px;
  padding-bottom: 10px;
}
.ptb15 {
  padding-top: 15px;
  padding-bottom: 15px;
}
.ptb20 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.ptb25 {
  padding-top: 25px;
  padding-bottom: 25px;
}
.plr5 {
  padding-left: 5px;
  padding-right: 5px;
}
.plr10 {
  padding-left: 10px;
  padding-right: 10px;
}
.plr15 {
  padding-left: 15px;
  padding-right: 15px;
}
.plr20 {
  padding-left: 20px;
  padding-right: 20px;
}
.plr25 {
  padding-left: 25px;
  padding-right: 25px;
}
.pt5 {
  padding-top: 5px;
}
.pt10 {
  padding-top: 10px;
}
.pt15 {
  padding-top: 15px;
}
.pt20 {
  padding-top: 20px;
}
.pt25 {
  padding-top: 25px;
}
.pr5 {
  padding-right: 5px;
}
.pr10 {
  padding-right: 10px;
}
.pr15 {
  padding-right: 15px;
}
.pr20 {
  padding-right: 20px;
}
.pr25 {
  padding-right: 25px;
}
.pb5 {
  padding-bottom: 5px;
}
.pb10 {
  padding-bottom: 10px;
}
.pb15 {
  padding-bottom: 15px;
}
.pb20 {
  padding-bottom: 20px;
}
.pb25 {
  padding-bottom: 25px;
}
.pl5 {
  padding-left: 5px;
}
.pl10 {
  padding-left: 10px;
}
.pl15 {
  padding-left: 15px;
}
.pl20 {
  padding-left: 20px;
}
.pl25 {
  padding-left: 25px;
}
.placeBlock-5 {
  width: 100%;
  height: 5px;
  display: block;
}
.placeBlock-10 {
  width: 100%;
  height: 10px;
  display: block;
}
.placeBlock-15 {
  width: 100%;
  height: 15px;
  display: block;
}
.placeBlock-20 {
  width: 100%;
  height: 20px;
  display: block;
}
.placeBlock-25 {
  width: 100%;
  height: 25px;
  display: block;
}
.placeBlock-30 {
  width: 100%;
  height: 30px;
  display: block;
}
.placeBlock-40 {
  width: 100%;
  height: 40px;
  display: block;
}
.placeBlock-50 {
  width: 100%;
  height: 50px;
  display: block;
}
.pct5 {
  width: 5%;
}
.pct10 {
  width: 10%;
}
.pct15 {
  width: 15%;
}
.pct20 {
  width: 20%;
}
.pct25 {
  width: 25%;
}
.pct30 {
  width: 30%;
}
.pct33 {
  width: 33.3%;
}
.pct40 {
  width: 40%;
}
.pct50 {
  width: 50%;
}
.pct60 {
  width: 60%;
}
.pct66 {
  width: 66.6%;
}
.pct70 {
  width: 70%;
}
.pct75 {
  width: 75%;
}
.pct80 {
  width: 80%;
}
.pct90 {
  width: 90%;
}
.fullLayer,
.pct100 {
  width: 100%;
}
.h10 {
  height: 10%;
}
.h20 {
  height: 20%;
}
.h30 {
  height: 30%;
}
.h40 {
  height: 40%;
}
.h50 {
  height: 50%;
}
.h55 {
  height: 55%;
}
.h60 {
  height: 60%;
}
.h65 {
  height: 65%;
}
.h70 {
  height: 70%;
}
.h75 {
  height: 75%;
}
.h80 {
  height: 80%;
}
.h85 {
  height: 85%;
}
.h90 {
  height: 90%;
}
.h95 {
  height: 95%;
}
.fullLayer,
.h100 {
  height: 100%;
}
@font-face {
  font-family: iconfont;
  src: url(iconfont.eot?t=1562641304925);
  src: url(iconfont.eot?t=1562641304925#iefix) format('embedded-opentype'),
    url(data:application/x-font-woff2;charset=utf-8;base64,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)
      format('woff2'),
    url(iconfont.woff?t=1562641304925) format('woff'),
    url(iconfont.ttf?t=1562641304925) format('truetype'),
    url(iconfont.svg?t=1562641304925#iconfont) format('svg');
}
.iconfont {
  font-family: iconfont !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-download:before {
  content: '\e629';
}
.icon-xunhuan:before {
  content: '\e60f';
}
.icon-iconset0250:before {
  content: '\e695';
}
.icon-motuoche01:before {
  content: '\e6c2';
}
.icon-hot:before {
  content: '\e677';
}
.icon-qidongxitong:before {
  content: '\e60b';
}
.icon-yingyangshuo1:before {
  content: '\e65d';
}
.icon-goubianyizhengpinbaozhang:before {
  content: '\e610';
}
.icon-shuxie:before {
  content: '\e621';
}
.icon-tongxin:before {
  content: '\e604';
}
.icon-wuliaochangshang:before {
  content: '\e647';
}
.icon-changjiantou:before {
  content: '\e666';
}
.icon-ceshi:before {
  content: '\e61a';
}
.icon-icon_gonggao:before {
  content: '\e63d';
}
.icon-dianhua:before {
  content: '\e627';
}
.icon-xin:before {
  content: '\e61c';
}
.icon-diannao:before {
  content: '\e640';
}
.icon-dizhi:before {
  content: '\e7fc';
}
.icon-wendu:before {
  content: '\e608';
}
.icon-icon-load:before {
  content: '\e609';
}
.icon-icon-electricity:before {
  content: '\e611';
}
.icon-icon--:before {
  content: '\e71d';
}
.icon-tubiaolunkuo-:before {
  content: '\e60a';
}
.icon-weibiaoti-:before {
  content: '\e60d';
}
.icon-youjian:before {
  content: '\e63e';
}
.icon-youjian1:before {
  content: '\e605';
}
.icon-sousuo:before {
  content: '\e671';
}
.icon-xunhuan1:before {
  content: '\e7b1';
}
.icon-zhaopin:before {
  content: '\e61d';
}
.icon-zaixianjianli:before {
  content: '\e62b';
}
.icon-cuo:before {
  content: '\e6c9';
}
.icon-zuobiao:before {
  content: '\e659';
}
.icon-mianshianpai:before {
  content: '\e62c';
}
.icon-jiantou-zuo:before {
  content: '\e62a';
}
.icon-changjiantou-you:before {
  content: '\e7cf';
}
.icon-jiantou_qiehuanyou:before {
  content: '\eb05';
}
.icon-jiantou_qiehuanzuo:before {
  content: '\eb06';
}
.icon-weibo:before {
  content: '\e62f';
}
.icon-ln_sanjiaoxia:before {
  content: '\e600';
}
.icon-ln_sanjiaoshang:before {
  content: '\e601';
}
.icon-E-mail:before {
  content: '\e8aa';
}
.icon-anquan:before {
  content: '\ec4d';
}
.icon-ln_sanjiaoyou:before {
  content: '\e602';
}
.icon-ln_sanjiaozuo:before {
  content: '\e603';
}
.icon-email:before {
  content: '\e628';
}
.icon-qiche:before {
  content: '\e612';
}
.icon-weixin:before {
  content: '\e686';
}
.icon-gfypt:before {
  content: '\e642';
}
.icon-gfypt1:before {
  content: '\e644';
}
.icon-chuanzhen:before {
  content: '\e6b3';
}
.icon-huabankaobei-:before {
  content: '\e66e';
}
.icon-RectangleCopy:before {
  content: '\e6a4';
}
.icon-weibiaoti-1:before {
  content: '\e61f';
}
.icon-yingjiguangbo:before {
  content: '\e632';
}
.icon-arrowLeft:before {
  content: '\e60e';
}
.icon-fax:before {
  content: '\e620';
}
@media screen and (max-width: 980px) {
  #about #block1 {
    background: 0 0 !important;
  }
  #about #block1.page-section {
    padding-bottom: 0;
  }
}
#about #block1 .section-con {
  background-color: rgba(0, 0, 0, 0.7);
}
#about #block1 .section-con > div {
  width: 50%;
  float: left;
  color: #fff;
}
#about #block1 .section-con .block1-r {
  padding: 0.65104167rem 0.72916667rem 0;
}
#about #block1 .section-con .block1-r .txt-con {
  line-height: 180%;
}
@media screen and (max-width: 980px) {
  #about #block1 .section-con {
    background: 0 0 !important;
  }
  #about #block1 .section-con > div {
    width: 100%;
    margin-bottom: 15px;
    background-color: rgba(0, 0, 0, 0.7);
  }
  #about #block1 .section-con .block1-r .txt-con {
    padding: 0 3%;
    font-size: 1.45833333vw;
  }
}
@media screen and (max-width: 980px) and (max-width: 980px) {
  #about #block1 .section-con .block1-r .txt-con {
    font-size: 3.73333333vw;
  }
}
#about #block1 .section-con .block1-r .events {
  padding: 0.390625rem 0 0;
  text-align: center;
  vertical-align: top;
}
#about #block1 .section-con .block1-r .events li {
  vertical-align: top;
  display: inline-block;
  margin: 0 5%;
  width: 22%;
}
@media screen and (max-width: 980px) {
  #about #block1 .section-con .block1-r .events {
    padding: 1.69270833rem 0 1.5625rem;
  }
  #about #block1 .section-con .block1-r .events li {
    margin: 0 2%;
    font-size: 1.45833333vw;
  }
}
@media screen and (max-width: 980px) and (max-width: 980px) {
  #about #block1 .section-con .block1-r .events li {
    font-size: 3.73333333vw;
  }
}
#about #block1 .section-con .block1-r .events li .icon {
  background: #21a8e0;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  margin: 4% auto 10%;
  width: 5.20833333vw;
  height: 5.20833333vw;
  line-height: 5.20833333vw;
}
@media (max-width: 980px) {
  #about #block1 .section-con .block1-r .events li .icon {
    width: 13.33333333vw;
    height: 13.33333333vw;
    line-height: 13.33333333vw;
  }
}
#about #block1 .section-con .block1-r .events li:nth-child(1) img {
  width: 1.97916667vw;
}
@media (max-width: 980px) {
  #about #block1 .section-con .block1-r .events li:nth-child(1) img {
    width: 5.06666667vw;
  }
}
#about #block1 .section-con .block1-r .events li:nth-child(3) img {
  width: 4.11458333vw;
}
@media (max-width: 980px) {
  #about #block1 .section-con .block1-r .events li:nth-child(3) img {
    width: 10.53333333vw;
  }
}
#about #block1 .section-con .block1-r .events li:nth-child(2) img {
  width: 2.70833333vw;
}
@media (max-width: 980px) {
  #about #block1 .section-con .block1-r .events li:nth-child(2) img {
    width: 6.93333333vw;
  }
}
#about #block1 .section-con #blocl1-swiper .thumb img {
  width: 100%;
}
#about #block1 .section-con #blocl1-swiper .tit {
  padding: 3% 0;
  color: #fff;
  background: #1a1b20;
}
#about #block1 .section-con #blocl1-swiper .arrow_left,
#about #block1 .section-con #blocl1-swiper .arrow_right {
  position: absolute;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 50%;
  color: #fff;
  font-size: 3vw;
  opacity: 0.7;
}
#about #block1 .section-con #blocl1-swiper .arrow_left:hover,
#about #block1 .section-con #blocl1-swiper .arrow_right:hover {
  color: #2da9de;
}
#about #block1 .section-con #blocl1-swiper .arrow_left {
  left: 2vw;
}
#about #block1 .section-con #blocl1-swiper .arrow_right {
  right: 2vw;
}
#about #block2 {
  background: #efefef;
}
#about #block2 .section-con > p {
  color: #666;
  line-height: 180%;
}
@media screen and (max-width: 980px) {
  #about #block2 .section-con > p {
    padding: 0 5%;
    font-size: 1.45833333vw;
  }
  #about #block2 .section-con #honors-swiper {
    padding: 0 0 20%;
  }
}
@media screen and (max-width: 980px) and (max-width: 980px) {
  #about #block2 .section-con > p {
    font-size: 3.73333333vw;
  }
}
#about #block2 .section-con > p img {
  width: auto !important;
  max-width: 100%;
  height: auto !important;
}
#about #block2 .section-con #honors-swiper {
  margin: 3% 5%;
}
#about #block2 .section-con #honors-swiper .item {
  width: 80%;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}
#about #block2 .section-con #honors-swiper .item:nth-child(3n) {
  margin-right: 0;
}
#about #block2 .section-con #honors-swiper .item .tit {
  text-align: center;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  color: #fff;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  padding: 33% 2%;
  background-color: rgba(0, 0, 0, 0.7);
}
#about #block2 .arrow_left,
#about #block2 .arrow_right {
  background-color: none;
  -o-background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
#about #block2 .section-con #honors-swiper .item:hover .tit {
  opacity: 1;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#about #block2 .section-con #honors-swiper img {
  width: 100%;
}
#about #block2 .arrow_left,
#about #block2 .arrow_right {
  position: absolute;
  top: 38%;
  width: 2.34375vw;
  height: 2.34375vw;
}
@media (max-width: 980px) {
  #about #block2 .arrow_left,
  #about #block2 .arrow_right {
    width: 6vw;
    height: 6vw;
  }
}
#about #block2 .arrow_left {
  left: 0;
  background-image: url(../imgs/icons/arrow_btn_left_icon.png);
  background-size: contain;
}
#about #block2 .arrow_right {
  right: 0;
  background-image: url(../imgs/icons/arrow_btn_right_icon.png);
  background-size: contain;
}
#about #block3 {
  padding-bottom: 18%;
  background-image: url(../imgs/about/block3_bg.png);
  background-color: #fff;
  background-repeat: no-repeat;
  -o-background-size: contain;
  background-size: contain;
  background-position: bottom center;
}
@media screen and (max-width: 980px) {
  #about #block2 .arrow_left,
  #about #block2 .arrow_right {
    width: 33px;
    height: 33px;
    top: auto;
    bottom: 5%;
    z-index: 200;
  }
  #about #block2 .arrow_left {
    left: 16.5%;
  }
  #about #block2 .arrow_right {
    right: 16.5%;
  }
  #about #block3 .section-con {
    padding-top: 10%;
  }
}
#about #block3 .section-con > .icon-clock {
  position: absolute;
  left: 0;
  top: 0;
  color: #21a8df;
  line-height: 100%;
  background: #fff;
  font-size: 2.86458333vw;
  margin: 12.08333333vw 0 0;
  z-index: 200;
}
@media (max-width: 980px) {
  #about #block3 .section-con > .icon-clock {
    font-size: 7.33333333vw;
  }
}
@media screen and (max-width: 980px) {
  #about #block3 .section-con > .icon-clock {
    margin-top: 40.1%;
    font-size: 3.38541667vw;
    display: none;
  }
}
@media screen and (max-width: 980px) and (max-width: 980px) {
  #about #block3 .section-con > .icon-clock {
    font-size: 8.66666667vw;
  }
}
#about #block3 .section-con .history-box {
  margin: 0 0 0 2.86458333vw;
}
#about #block3 .section-con .history-box .swiper-slide {
  position: relative;
  width: 14.0625vw;
  margin: 13.54166667vw 0 0;
}
@media (max-width: 980px) {
  #about #block3 .section-con .history-box .swiper-slide {
    width: 36vw;
  }
}
#about #block3 .section-con .history-box .swiper-slide .con {
  padding: 3.125vw 0 0;
  cursor: pointer;
}
#about #block3 .section-con .history-box .swiper-slide .con .thumb {
  width: 14.0625vw;
  position: relative;
  z-index: 200;
}
@media (max-width: 980px) {
  #about #block3 .section-con .history-box .swiper-slide .con .thumb {
    width: 36vw;
  }
}
#about #block3 .section-con .history-box .swiper-slide .con .thumb img {
  width: 100%;
}
#about #block3 .section-con .history-box .swiper-slide .con .thumb .bigThumb {
  position: absolute;
  display: none;
  left: 50%;
  top: 50%;
  width: 300%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
#about #block3 .section-con .history-box .swiper-slide .con .icon {
  position: absolute;
  bottom: auto;
  top: -5%;
  left: 10%;
  height: 3.125vw;
  width: 1.35416667vw;
  background-image: url(../imgs/about/icon3.png);
  background-color: none;
  background-repeat: no-repeat;
  -o-background-size: contain;
  background-size: contain;
  background-position: center center;
}
#about #block3 .section-con .history-box .swiper-slide .con .year {
  font-size: 1.875vw;
}
@media (max-width: 980px) {
  #about #block3 .section-con .history-box .swiper-slide .con .icon {
    height: 8vw;
    width: 3.46666667vw;
  }
  #about #block3 .section-con .history-box .swiper-slide .con .year {
    font-size: 4.8vw;
  }
}
#about #block3 .section-con .history-box .swiper-slide .con .evt {
  color: #9e9e9e;
  font-size: 0.83333333vw;
}
@media (max-width: 980px) {
  #about #block3 .section-con .history-box .swiper-slide .con .evt {
    font-size: 2.13333333vw;
  }
}
@media screen and (max-width: 980px) {
  #about #block3 .section-con .history-box .swiper-slide {
    margin: 35.41666667vw 0 0;
  }
  #about #block3 .section-con .history-box .swiper-slide .con {
    padding: 7.29166667vw 0 0;
  }
  #about #block3 .section-con .history-box .swiper-slide .con .icon {
    top: -6%;
    left: 20%;
  }
  #about #block3 .section-con .history-box .swiper-slide .con .evt {
    font-size: 1.35416667vw;
  }
}
@media screen and (max-width: 980px) and (max-width: 980px) {
  #about #block3 .section-con .history-box .swiper-slide .con .evt {
    font-size: 3.46666667vw;
  }
}
#about #block3 .section-con .history-box .swiper-slide:nth-child(2n) {
  margin: 0;
}
#about #block3 .section-con .history-box .swiper-slide:nth-child(2n) .con {
  padding: 0 0 3.125vw;
}
#about
  #block3
  .section-con
  .history-box
  .swiper-slide:nth-child(2n)
  .con
  .icon {
  top: auto;
  bottom: -1%;
}
#about #block3 .section-con .history-box::before {
  display: block;
  content: ' ';
  width: 100%;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  background: #21a8df;
  height: 0.20833333vw;
}
@media (max-width: 980px) {
  #about #block3 .section-con .history-box::before {
    height: 0.53333333vw;
  }
}
#about #block3 .section-con .arrow_left,
#about #block3 .section-con .arrow_right {
  position: absolute;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 49.3%;
  color: #2da9de;
  font-size: 2vw;
  z-index: 100;
}
#about #block3 .section-con .arrow_left {
  left: 1.2vw;
  display: none;
}
#about #block3 .section-con .arrow_right {
  right: -1.5vw;
}
@media screen and (max-width: 980px) {
  #about #block3 .section-con .arrow_left,
  #about #block3 .section-con .arrow_right {
    font-size: 8vw;
    top: 55%;
  }
  #about #block3 .section-con .arrow_left {
    left: 2.5vw;
    display: block;
  }
  #about #block3 .section-con .arrow_right {
    right: 2.5vw;
  }
}
#about #block3 .history-show-modal {
  visibility: hidden;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1000;
  background: rgba(0, 0, 0, 0.7);
}
#about #block3 .history-show-modal.show {
  visibility: visible;
}
#about #block3 .history-show-modal .modal-container {
  position: relative;
  width: 50%;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
#about #block3 .history-show-modal .modal-container > a.arrow,
#index #block6 .map,
#servicesSupport .question-link a {
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}
@media screen and (max-width: 980px) {
  #about #block3 .history-show-modal .modal-container {
    width: 90%;
  }
}
#about #block3 .history-show-modal .modal-container a.close {
  background: #21a8df;
  position: absolute;
  z-index: 200;
  color: #fff;
  right: 0;
  top: 0;
  display: inline-block;
  text-align: center;
  width: 2.60416667vw;
  height: 2.60416667vw;
  line-height: 2.60416667vw;
  font-size: 2.08333333vw;
}
@media (max-width: 980px) {
  #about #block3 .history-show-modal .modal-container a.close {
    width: 6.66666667vw;
    height: 6.66666667vw;
    line-height: 6.66666667vw;
    font-size: 5.33333333vw;
  }
}
#about #block3 .history-show-modal .modal-container > a.arrow {
  font-size: 3.125vw;
  color: #fff;
  top: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
}
@media (max-width: 980px) {
  #about #block3 .history-show-modal .modal-container > a.arrow {
    font-size: 8vw;
  }
}
#about #block3 .history-show-modal .modal-container > a.arrow.arrow_left {
  left: -4.5%;
}
#about #block3 .history-show-modal .modal-container > a.arrow.arrow_right {
  right: -10.5%;
}
@media screen and (max-width: 980px) {
  #about #block3 .history-show-modal .modal-container > a.arrow {
    top: 130%;
  }
  #about #block3 .history-show-modal .modal-container > a.arrow.arrow_left {
    left: 10%;
  }
  #about #block3 .history-show-modal .modal-container > a.arrow.arrow_right {
    right: 1%;
  }
}
#about #block3 .history-show-modal .history-show-container {
  width: 100%;
  background: #fff;
}
#about #block3 .history-show-modal .history-show-container .swiper-slide {
  position: relative;
}
#about
  #block3
  .history-show-modal
  .history-show-container
  .swiper-slide
  .caption {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  width: 100%;
  padding: 2%;
  background: rgba(0, 0, 0, 0.7);
}
#about
  #block3
  .history-show-modal
  .history-show-container
  .swiper-slide
  .caption
  .year {
  font-size: 1.45833333vw;
}
@media (max-width: 980px) {
  #about
    #block3
    .history-show-modal
    .history-show-container
    .swiper-slide
    .caption
    .year {
    font-size: 3.73333333vw;
  }
}
#about
  #block3
  .history-show-modal
  .history-show-container
  .swiper-slide
  .caption
  .evt {
  font-size: 1.25vw;
}
@media (max-width: 980px) {
  #about
    #block3
    .history-show-modal
    .history-show-container
    .swiper-slide
    .caption
    .evt {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 980px) {
  #about
    #block3
    .history-show-modal
    .history-show-container
    .swiper-slide
    .caption
    .evt {
    font-size: 1.45833333vw;
  }
  #about #block4 .tab-btns {
    text-align: center;
  }
}
@media screen and (max-width: 980px) and (max-width: 980px) {
  #about
    #block3
    .history-show-modal
    .history-show-container
    .swiper-slide
    .caption
    .evt {
    font-size: 3.73333333vw;
  }
}
#about #block4 .tab-btns {
  margin: 0 0 2.86458333vw;
}
#about #block4 .tab-btns a {
  display: inline-block;
  margin-right: 2%;
  font-size: 1.25vw;
}
@media (max-width: 980px) {
  #about #block4 .tab-btns a {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 980px) {
  #about #block4 .tab-btns a {
    margin: 0 4%;
    font-size: 1.45833333vw;
  }
}
@media screen and (max-width: 980px) and (max-width: 980px) {
  #about #block4 .tab-btns a {
    font-size: 3.73333333vw;
  }
}
#about #block4 .tab-btns a.active {
  color: #21a8df;
  padding-bottom: 0.1%;
  border-bottom: 1.5px solid #21a8df;
}
#about #block4 .tab-btns a:hover {
  color: #21a8df;
}
#about #block4 .tab-main .tab-item.active {
  display: block;
}
#about #block4 .tab-main .tab-item > p {
  color: #666;
  line-height: 180%;
  margin-bottom: 3%;
  font-size: 0.9375vw;
}
@media (max-width: 980px) {
  #about #block4 .tab-main .tab-item > p {
    font-size: 2.4vw;
  }
}
@media screen and (max-width: 980px) {
  #about #block4 .tab-main .tab-item .swiper3-box {
    padding-bottom: 15%;
  }
  #about #block4 .tab-main .tab-item > p {
    padding: 0 5%;
    font-size: 1.45833333vw;
  }
}
@media screen and (max-width: 980px) and (max-width: 980px) {
  #about #block4 .tab-main .tab-item > p {
    font-size: 3.73333333vw;
  }
}
#about #block4 .tab-main .tab-item ul {
  overflow: hidden;
}
#about #block4 .tab-main .tab-item ul li {
  position: relative;
  width: 100%;
  margin-right: 2%;
  margin-bottom: 2%;
}
#about #block4 .tab-main .tab-item ul li:nth-child(3n) {
  margin: 0;
}
#about #block4 .tab-main .tab-item ul li img {
  width: 100%;
}
#about #block4 .tab-main .tab-item ul li .tit {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  background: rgba(0, 0, 0, 0.7);
}
#about #block4 .tab-main .tab-item ul li .tit span {
  position: absolute;
  width: 100%;
  padding: 0 5%;
  color: #fff;
  left: 0;
  top: 50%;
  text-align: center;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
#about #block4 .tab-main .tab-item ul li .tit:hover {
  opacity: 1;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#about #block4 .tab-main .swiper3-box #swiper3 {
  margin: 3% 5%;
}
#about #block4 .tab-main .swiper3-box #swiper3 ul {
  width: 65%;
  margin: 0 auto;
}
#about #block4 .tab-main .swiper3-box .arrow_left,
#about #block4 .tab-main .swiper3-box .arrow_right {
  position: absolute;
  top: 38%;
  width: 2.34375vw;
  height: 2.34375vw;
}
@media (max-width: 980px) {
  #about #block4 .tab-main .swiper3-box .arrow_left,
  #about #block4 .tab-main .swiper3-box .arrow_right {
    width: 6vw;
    height: 6vw;
  }
}
#about #block4 .tab-main .swiper3-box .arrow_left {
  left: 0;
  background-image: url(../imgs/icons/arrow_btn_left_icon.png);
  background-color: none;
  background-repeat: no-repeat;
  -o-background-size: contain;
  background-size: contain;
  background-position: center center;
}
#about #block4 .tab-main .swiper3-box .arrow_right {
  right: 0;
  background-image: url(../imgs/icons/arrow_btn_right_icon.png);
  background-color: none;
  background-repeat: no-repeat;
  -o-background-size: contain;
  background-size: contain;
  background-position: center center;
}
@media screen and (max-width: 980px) {
  #about #block4 .tab-main .swiper3-box .arrow_left,
  #about #block4 .tab-main .swiper3-box .arrow_right {
    width: 33px;
    height: 33px;
    top: auto;
    bottom: 5%;
    z-index: 200;
  }
  #about #block4 .tab-main .swiper3-box .arrow_left {
    left: 16.5%;
  }
  #about #block4 .tab-main .swiper3-box .arrow_right {
    right: 16.5%;
  }
}
#about #block4 .logo-wall .item {
  float: left;
  width: 16.66666667%;
  height: 150px;
  line-height: 150px;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
@media screen and (max-width: 1280px) {
  #about #block4 .logo-wall .item {
    width: 25%;
  }
}
@media screen and (max-width: 980px) {
  #about #block4 .logo-wall .item {
    width: 33.33333333%;
    height: 110px;
    line-height: 110px;
  }
}
#about #block4 .logo-wall .item img {
  width: auto !important;
  max-width: 90%;
  height: auto !important;
  vertical-align: middle;
  cursor: pointer;
  -webkit-transition: all ease 0.4s;
  -o-transition: all ease 0.4s;
  transition: all ease 0.4s;
}
#about #block4 .logo-wall .item img:hover {
  -webkit-transform: scale(1.4);
  -ms-transform: scale(1.4);
  -o-transform: scale(1.4);
  transform: scale(1.4);
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  -o-transform-origin: center center;
  transform-origin: center center;
  -webkit-transition: all ease 0.4s;
  -o-transition: all ease 0.4s;
  transition: all ease 0.4s;
}
#contact #block1 {
  width: 100%;
  background: #f8f8f8;
}
#contact #block1 #allmap {
  height: 24.47916667vw;
}
#contact #block2 .contact-info {
  width: 60%;
}
#contact #block2 .contact-info h2 {
  margin-bottom: 2%;
  font-size: 1.25vw;
}
@media (max-width: 980px) {
  #contact #block1 #allmap {
    height: 62.66666667vw;
  }
  #contact #block2 .contact-info h2 {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 980px) {
  #about #block4 .logo-wall .item img {
    max-width: 70%;
  }
  #contact #block2 .contact-info {
    padding: 0 5%;
    width: 100%;
  }
  #contact #block2 .contact-info h2 {
    font-size: 1.5625vw;
  }
}
@media screen and (max-width: 980px) and (max-width: 980px) {
  #contact #block2 .contact-info h2 {
    font-size: 4vw;
  }
}
#contact #block2 .contact-info p {
  color: #666;
  line-height: 180%;
  font-size: 0.9375vw;
}
@media (max-width: 980px) {
  #contact #block2 .contact-info p {
    font-size: 2.4vw;
  }
}
@media screen and (max-width: 980px) {
  #contact #block2 .contact-info p {
    font-size: 1.25vw;
  }
}
@media screen and (max-width: 980px) and (max-width: 980px) {
  #contact #block2 .contact-info p {
    font-size: 3.2vw;
  }
}
#contact #block2 .contact-info ul {
  color: #666;
  line-height: 180%;
  font-size: 0.9375vw;
}
#contact #block2 .contact-info ul li {
  position: relative;
  height: 1.71875vw;
  padding-left: 12%;
  margin-bottom: 10px;
}
@media (max-width: 980px) {
  #contact #block2 .contact-info ul {
    font-size: 2.4vw;
  }
  #contact #block2 .contact-info ul li {
    height: 4.4vw;
  }
}
#contact #block2 .contact-info ul li span {
  position: absolute;
  left: 0;
  top: 0;
}
@media screen and (max-width: 980px) {
  #contact #block2 .contact-info ul li {
    padding-left: 20%;
  }
  #contact #block2 .contact-info ul {
    font-size: 1.25vw;
  }
}
#contact #block2 .codes {
  width: 40%;
  padding-top: 20px;
}
@media screen and (max-width: 980px) {
  #contact #block2 .codes {
    width: 100%;
    padding: 20px 5%;
  }
}
#contact #block2 .codes li {
  float: right;
  text-align: center;
  margin-right: 3%;
  width: 45%;
}
@media screen and (max-width: 980px) {
  #contact #block2 .codes li {
    float: left;
    margin-right: 5%;
  }
}
#contact #block2 .codes li .thumb {
  width: 8.75vw;
  margin: 0 auto;
}
@media (max-width: 980px) {
  #contact #block2 .codes li .thumb {
    width: 22.4vw;
  }
}
@media screen and (max-width: 980px) {
  #contact #block2 .codes li .thumb {
    width: 13.02083333vw;
  }
  #culture #block2 #block2-slider {
    margin: 0 3%;
  }
}
@media screen and (max-width: 980px) and (max-width: 980px) {
  #contact #block2 .contact-info ul {
    font-size: 3.2vw;
  }
  #contact #block2 .codes li .thumb {
    width: 33.33333333vw;
  }
}
#contact #block2 .codes li .tit {
  color: rgba(0, 0, 0, 0.5);
  font-size: 0.83333333vw;
}
#culture #block1 {
  width: 100%;
  height: 38.59375vw;
}
@media (max-width: 980px) {
  #contact #block2 .codes li .tit {
    font-size: 2.13333333vw;
  }
  #culture #block1 {
    height: 98.8vw;
  }
}
#culture #block2 #block2-slider .item {
  width: 32%;
  margin: 0 2% 0 0;
  color: #fff;
  text-align: center;
  overflow: hidden;
}
#culture #block2 #block2-slider .item:last-child {
  margin: 0;
}
@media screen and (max-width: 980px) {
  #culture #block2 #block2-slider .item {
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 1%;
  }
}
#culture #block2 #block2-slider .item .thumb,
#culture #block2 #block2-slider .item .thumb img {
  width: 100%;
}
#culture #block2 #block2-slider .item .tit {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 3% 0;
  font-size: 0.9375vw;
  background: rgba(0, 0, 0, 0.7);
}
@media (max-width: 980px) {
  #culture #block2 #block2-slider .item .tit {
    font-size: 2.4vw;
  }
}
@media screen and (max-width: 980px) {
  #culture #block2 #block2-slider .item .tit {
    font-size: 1.45833333vw;
    left: 3%;
    width: 94%;
  }
}
@media screen and (max-width: 980px) and (max-width: 980px) {
  #culture #block2 #block2-slider .item .tit {
    font-size: 3.73333333vw;
  }
}
#culture #block2 #block2-slider .item .cover {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  background: rgba(0, 0, 0, 0.7);
}
#culture #block2 #block2-slider .item .cover .con,
#culture #block3 .block3-slider .item .cover .con {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  position: absolute;
}
@media screen and (max-width: 980px) {
  #culture #block2 #block2-slider .item .cover {
    font-size: 1.45833333vw;
    left: 3%;
    width: 94%;
  }
}
@media screen and (max-width: 980px) and (max-width: 980px) {
  #culture #block2 #block2-slider .item .cover {
    font-size: 3.73333333vw;
  }
}
#culture #block2 #block2-slider .item .cover .con {
  width: 100%;
  left: 0;
  padding: 0 12%;
  transform: translateY(-50%);
}
#culture #block2 #block2-slider .item .cover .con h2 {
  display: inline-block;
  border-bottom: 2px solid #fff;
  padding-bottom: 2.5%;
  margin-bottom: 3%;
  font-size: 1.97916667vw;
}
@media (max-width: 980px) {
  #culture #block2 #block2-slider .item .cover .con h2 {
    font-size: 5.06666667vw;
  }
}
@media screen and (max-width: 980px) {
  #culture #block2 #block2-slider .item .cover .con h2 {
    font-size: 1.66666667vw;
  }
}
@media screen and (max-width: 980px) and (max-width: 980px) {
  #culture #block2 #block2-slider .item .cover .con h2 {
    font-size: 4.26666667vw;
  }
}
#culture #block2 #block2-slider .item .cover .con p {
  font-size: 0.9375vw;
  line-height: 180%;
}
@media (max-width: 980px) {
  #culture #block2 #block2-slider .item .cover .con p {
    font-size: 2.4vw;
  }
}
#culture #block2 #block2-slider .item.active .tit,
#culture #block2 #block2-slider .item:hover .tit {
  bottom: -50%;
}
#culture #block2 #block2-slider .item.active .cover,
#culture #block2 #block2-slider .item:hover .cover {
  opacity: 1;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#culture #block2 #block2-slider .arrows {
  display: none;
  margin-top: 5%;
}
@media screen and (max-width: 980px) {
  #culture #block2 #block2-slider .arrows {
    display: block;
    width: 66%;
    margin: 5% auto 0;
  }
  #culture #block2 #block2-slider .arrows .arrow.arrow_right {
    right: 5%;
  }
}
#culture #block2 #block2-slider .arrows .arrow {
  width: 33px;
  height: 33px;
}
#culture #block2 #block2-slider .arrows .arrow.arrow_left {
  float: left;
  background-image: url(../imgs/icons/arrow_btn_left_icon.png);
  background-color: none;
  background-repeat: no-repeat;
  -o-background-size: contain;
  background-size: contain;
  background-position: center center;
}
#culture #block2 #block2-slider .arrows .arrow.arrow_right {
  float: right;
  background-image: url(../imgs/icons/arrow_btn_right_icon.png);
  background-color: none;
  background-repeat: no-repeat;
  -o-background-size: contain;
  background-size: contain;
  background-position: center center;
}
#culture #block3 .tab-btns {
  background: #21a8e0;
}
#culture #block3 .tab-btns a {
  float: left;
  width: 50%;
  text-align: center;
  padding: 1.5% 0;
  color: #fff;
  font-size: 1.5625vw;
}
@media (max-width: 980px) {
  #culture #block3 .tab-btns a {
    font-size: 4vw;
  }
}
#culture #block3 .tab-btns a.active {
  background: #105470;
}
#culture #block3 .tab-main {
  padding: 7% 0;
  background-image: url(../imgs/about/curlture_block3_bg.jpg);
  background-color: #fff;
  background-repeat: no-repeat;
  -o-background-size: cover;
  background-size: cover;
  background-position: bottom center;
}
#culture #block3 .tab-main .structure {
  margin-bottom: 7%;
}
#culture #block3 .tab-main .structure img {
  width: 100%;
}
@media screen and (max-width: 980px) {
  #culture #block3 .tab-main .structure {
    padding: 0 5%;
  }
  #culture #block3 .block3-slider {
    margin: 0 3%;
  }
}
#culture #block3 .block3-slider .item {
  width: 32%;
  margin: 0 2% 0 0;
  color: #fff;
  text-align: center;
  overflow: hidden;
}
#culture #block3 .block3-slider .item:last-child {
  margin: 0;
}
@media screen and (max-width: 980px) {
  #culture #block3 .block3-slider .item {
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 1%;
  }
}
#culture #block3 .block3-slider .item .thumb,
#culture #block3 .block3-slider .item .thumb img {
  width: 100%;
}
#culture #block3 .block3-slider .item .tit {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 3% 0;
  font-size: 0.9375vw;
  background: rgba(0, 0, 0, 0.7);
}
@media (max-width: 980px) {
  #culture #block3 .block3-slider .item .tit {
    font-size: 2.4vw;
  }
}
@media screen and (max-width: 980px) {
  #culture #block3 .block3-slider .item .tit {
    font-size: 1.45833333vw;
    left: 3%;
    width: 94%;
  }
}
@media screen and (max-width: 980px) and (max-width: 980px) {
  #culture #block3 .block3-slider .item .tit {
    font-size: 3.73333333vw;
  }
}
#culture #block3 .block3-slider .item .cover {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  background: rgba(0, 0, 0, 0.7);
}
@media screen and (max-width: 980px) {
  #culture #block3 .block3-slider .item .cover {
    font-size: 1.45833333vw;
    left: 3%;
    width: 94%;
  }
}
@media screen and (max-width: 980px) and (max-width: 980px) {
  #culture #block3 .block3-slider .item .cover {
    font-size: 3.73333333vw;
  }
}
#culture #block3 .block3-slider .item .cover .con {
  width: 100%;
  left: 0;
  padding: 0 12%;
  transform: translateY(-50%);
  text-align: left;
}
#culture #block3 .block3-slider .item .cover .con h2 {
  display: inline-block;
  border-bottom: 2px solid #fff;
  padding-bottom: 2.5%;
  margin-bottom: 3%;
  font-size: 1.97916667vw;
}
@media (max-width: 980px) {
  #culture #block3 .block3-slider .item .cover .con h2 {
    font-size: 5.06666667vw;
  }
}
@media screen and (max-width: 980px) {
  #culture #block3 .block3-slider .item .cover .con h2 {
    font-size: 1.66666667vw;
  }
}
@media screen and (max-width: 980px) and (max-width: 980px) {
  #culture #block3 .block3-slider .item .cover .con h2 {
    font-size: 4.26666667vw;
  }
}
#culture #block3 .block3-slider .item .cover .con p {
  font-size: 0.9375vw;
  line-height: 180%;
}
@media (max-width: 980px) {
  #culture #block3 .block3-slider .item .cover .con p {
    font-size: 2.4vw;
  }
}
#culture #block3 .block3-slider .item.active .tit,
#culture #block3 .block3-slider .item:hover .tit {
  bottom: -50%;
}
#culture #block3 .block3-slider .item.active .cover,
#culture #block3 .block3-slider .item:hover .cover {
  opacity: 1;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#culture #block3 .block3-slider .arrows {
  display: none;
  margin-top: 5%;
}
@media screen and (max-width: 980px) {
  #culture #block3 .block3-slider .arrows {
    display: block;
    width: 66%;
    margin: 5% auto 0;
  }
  #culture #block3 .block3-slider .arrows .arrow.arrow_right {
    right: 5%;
  }
}
#culture #block3 .block3-slider .arrows .arrow {
  width: 33px;
  height: 33px;
}
#culture #block3 .block3-slider .arrows .arrow.arrow_left {
  float: left;
  background-image: url(../imgs/icons/arrow_btn_left_icon.png);
  background-color: none;
  background-repeat: no-repeat;
  -o-background-size: contain;
  background-size: contain;
  background-position: center center;
}
#culture #block3 .block3-slider .arrows .arrow.arrow_right {
  float: right;
  background-image: url(../imgs/icons/arrow_btn_right_icon.png);
  background-color: none;
  background-repeat: no-repeat;
  -o-background-size: contain;
  background-size: contain;
  background-position: center center;
}
@media screen and (max-width: 980px) {
  #culture #block3 .block4-slider {
    margin: 0 3%;
  }
}
#culture #block3 .block4-slider .item {
  width: 32%;
  margin: 0 2% 0 0;
  color: #fff;
  text-align: center;
  overflow: hidden;
}
#culture #block3 .block4-slider .item:last-child {
  margin: 0;
}
@media screen and (max-width: 980px) {
  #culture #block3 .block4-slider .item {
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 1%;
  }
}
#culture #block3 .block4-slider .item .thumb,
#culture #block3 .block4-slider .item .thumb img {
  width: 100%;
}
#culture #block3 .block4-slider .item .tit {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 3% 0;
  font-size: 0.9375vw;
  background: rgba(0, 0, 0, 0.7);
}
@media (max-width: 980px) {
  #culture #block3 .block4-slider .item .tit {
    font-size: 2.4vw;
  }
}
@media screen and (max-width: 980px) {
  #culture #block3 .block4-slider .item .tit {
    font-size: 1.45833333vw;
    left: 3%;
    width: 94%;
  }
}
@media screen and (max-width: 980px) and (max-width: 980px) {
  #culture #block3 .block4-slider .item .tit {
    font-size: 3.73333333vw;
  }
}
#culture #block3 .block4-slider .item .cover {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  background: rgba(0, 0, 0, 0.7);
}
@media screen and (max-width: 980px) {
  #culture #block3 .block4-slider .item .cover {
    font-size: 1.45833333vw;
    left: 3%;
    width: 94%;
  }
}
@media screen and (max-width: 980px) and (max-width: 980px) {
  #culture #block3 .block4-slider .item .cover {
    font-size: 3.73333333vw;
  }
}
#culture #block3 .block4-slider .item .cover .con {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  padding: 0 12%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
#culture #block3 .block4-slider .item .cover .con h2 {
  display: inline-block;
  border-bottom: 2px solid #fff;
  padding-bottom: 2.5%;
  margin-bottom: 3%;
  font-size: 1.97916667vw;
}
@media (max-width: 980px) {
  #culture #block3 .block4-slider .item .cover .con h2 {
    font-size: 5.06666667vw;
  }
}
@media screen and (max-width: 980px) {
  #culture #block3 .block4-slider .item .cover .con h2 {
    font-size: 1.66666667vw;
  }
}
@media screen and (max-width: 980px) and (max-width: 980px) {
  #culture #block3 .block4-slider .item .cover .con h2 {
    font-size: 4.26666667vw;
  }
}
#culture #block3 .block4-slider .item .cover .con p {
  font-size: 0.9375vw;
  line-height: 180%;
}
@media (max-width: 980px) {
  #culture #block3 .block4-slider .item .cover .con p {
    font-size: 2.4vw;
  }
}
#culture #block3 .block4-slider .item.active .tit,
#culture #block3 .block4-slider .item:hover .tit {
  bottom: -50%;
}
#culture #block3 .block4-slider .item.active .cover,
#culture #block3 .block4-slider .item:hover .cover {
  opacity: 1;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#culture #block3 .block4-slider .arrows {
  display: none;
  margin-top: 5%;
}
#culture #block3 .block4-slider .arrows .arrow {
  width: 33px;
  height: 33px;
}
#culture #block3 .block4-slider .arrows .arrow.arrow_left {
  float: left;
  background-image: url(../imgs/icons/arrow_btn_left_icon.png);
  background-color: none;
  background-repeat: no-repeat;
  -o-background-size: contain;
  background-size: contain;
  background-position: center center;
}
#culture #block3 .block4-slider .arrows .arrow.arrow_right {
  float: right;
  background-image: url(../imgs/icons/arrow_btn_right_icon.png);
  background-color: none;
  background-repeat: no-repeat;
  -o-background-size: contain;
  background-size: contain;
  background-position: center center;
}
#culture ul.thumbList li {
  float: left;
  width: 32%;
  margin-right: 2%;
  position: relative;
  color: #fff;
  text-align: center;
  overflow: hidden;
}
@media screen and (max-width: 980px) {
  #culture #block3 .block4-slider .arrows {
    display: block;
  }
  #culture #block3 .block4-slider .arrows .arrow.arrow_right {
    right: 5%;
  }
  #culture ul.thumbList li {
    width: 48%;
    margin-bottom: 3%;
  }
}
#culture ul.thumbList li:nth-child(3) {
  margin: 0;
}
#culture ul.thumbList li .thumb img {
  width: 100%;
}
#culture ul.thumbList li .tit {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 3% 0;
  font-size: 0.9375vw;
  background: rgba(0, 0, 0, 0.7);
}
@media (max-width: 980px) {
  #culture ul.thumbList li .tit {
    font-size: 2.4vw;
  }
}
@media screen and (max-width: 980px) {
  #culture ul.thumbList li .tit {
    font-size: 1.45833333vw;
  }
}
@media screen and (max-width: 980px) and (max-width: 980px) {
  #culture ul.thumbList li .tit {
    font-size: 3.73333333vw;
  }
}
#culture ul.thumbList li .cover {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  background: rgba(0, 0, 0, 0.7);
}
#culture ul.thumbList li .cover .con {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  padding: 0 12%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
#consumerapp #block1 #block1-slider .item .cover .con,
#hr #block2 .arrow_left,
#hr #block2 .arrow_right {
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  top: 50%;
}
#culture ul.thumbList li .cover .con h2 {
  display: inline-block;
  border-bottom: 2px solid #fff;
  padding-bottom: 2.5%;
  margin-bottom: 3%;
  font-size: 1.97916667vw;
}
@media (max-width: 980px) {
  #culture ul.thumbList li .cover .con h2 {
    font-size: 5.06666667vw;
  }
}
@media screen and (max-width: 980px) {
  #culture ul.thumbList li .cover .con h2 {
    font-size: 1.66666667vw;
  }
  #duty #block1 .tab-btns {
    overflow-x: auto;
    width: 100%;
    white-space: nowrap;
    background: #bbb;
  }
}
@media screen and (max-width: 980px) and (max-width: 980px) {
  #culture ul.thumbList li .cover .con h2 {
    font-size: 4.26666667vw;
  }
}
#culture ul.thumbList li .cover .con p {
  font-size: 0.9375vw;
  line-height: 180%;
}
@media (max-width: 980px) {
  #culture ul.thumbList li .cover .con p {
    font-size: 2.4vw;
  }
}
#culture ul.thumbList li.active .tit,
#culture ul.thumbList li:hover .tit {
  bottom: -50%;
}
#culture ul.thumbList li.active .cover,
#culture ul.thumbList li:hover .cover {
  opacity: 1;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#duty #block1 .tab-btns a {
  float: left;
  width: 33.33%;
  background: #bbb;
  color: #333;
  text-align: center;
  position: relative;
  border-right: 1px solid #fff;
  white-space: nowrap;
  line-height: 3.90625vw;
  font-size: 0.9375vw;
}
@media (max-width: 980px) {
  #duty #block1 .tab-btns a {
    line-height: 10vw;
    font-size: 2.4vw;
  }
}
#duty #block1 .tab-btns a.active {
  background: #21a8e0;
  color: #fff;
}
@media screen and (max-width: 980px) {
  #duty #block1 .tab-btns a {
    font-size: 1.45833333vw;
    display: inline-block;
    padding: 0 2%;
    float: none;
    width: auto !important;
  }
  #duty #block1 .tab-main .tab-item {
    padding: 3% 0 0;
  }
}
@media screen and (max-width: 980px) and (max-width: 980px) {
  #duty #block1 .tab-btns a {
    font-size: 3.73333333vw;
  }
}
#duty #block1 .tab-main {
  margin-top: 2.7%;
}
#duty #block1 .tab-main .tab-item {
  display: none;
}
#duty #block1 .tab-main .tab-item > h2 {
  color: #000;
  margin-bottom: 0.2%;
  font-size: 2.1875vw;
}
@media (max-width: 980px) {
  #duty #block1 .tab-main .tab-item > h2 {
    font-size: 5.6vw;
  }
}
@media screen and (max-width: 980px) {
  #duty #block1 .tab-main .tab-item > h2 {
    padding: 0 5%;
    margin-bottom: 3%;
    font-size: 2.08333333vw;
  }
}
@media screen and (max-width: 980px) and (max-width: 980px) {
  #duty #block1 .tab-main .tab-item > h2 {
    font-size: 5.33333333vw;
  }
}
#duty #block1 .tab-main .tab-item > p {
  color: #666;
  font-size: 0.9375vw;
}
@media (max-width: 980px) {
  #duty #block1 .tab-main .tab-item > p {
    font-size: 2.4vw;
  }
}
@media screen and (max-width: 980px) {
  #duty #block1 .tab-main .tab-item > p {
    padding: 0 5%;
    font-size: 1.45833333vw;
  }
  #duty #block2 .section-con {
    padding-bottom: 15%;
  }
}
@media screen and (max-width: 980px) and (max-width: 980px) {
  #duty #block1 .tab-main .tab-item > p {
    font-size: 3.73333333vw;
  }
}
#duty #block1 .tab-main .tab-item .thumb {
  margin-top: 3%;
}
#duty #block1 .tab-main .tab-item .thumb img {
  width: 100%;
}
#duty #block1 .tab-main .tab-item.active {
  display: block;
}
#duty #block2 {
  background: #21a8e0;
}
#duty #block2 .section-con {
  margin-top: 2%;
}
#duty #block2 .section-con > p {
  color: #fff;
  font-size: 0.9375vw;
}
@media (max-width: 980px) {
  #duty #block2 .section-con > p {
    font-size: 2.4vw;
  }
}
@media screen and (max-width: 980px) {
  #duty #block2 .section-con > p {
    font-size: 1.45833333vw;
    padding: 0 5%;
  }
}
@media screen and (max-width: 980px) and (max-width: 980px) {
  #duty #block2 .section-con > p {
    font-size: 3.73333333vw;
  }
}
#duty #block2 .section-con #block2-slider {
  margin: 2.7% 5% 0;
}
@media screen and (max-width: 980px) {
  #duty #block2 .section-con #block2-slider {
    font-size: 0.9375vw;
  }
}
@media screen and (max-width: 980px) and (max-width: 980px) {
  #duty #block2 .section-con #block2-slider {
    font-size: 2.4vw;
  }
}
#duty #block2 .section-con #block2-slider .thumb img {
  width: 100%;
}
#duty #block2 .section-con #block2-slider .con {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  color: #fff;
  padding: 2%;
  background: rgba(0, 0, 0, 0.7);
  line-height: 100%;
}
#duty #block2 .section-con #block2-slider .con > h2 {
  font-size: 1.97916667vw;
  line-height: 100%;
  margin-bottom: 1%;
}
@media (max-width: 980px) {
  #duty #block2 .section-con #block2-slider .con > h2 {
    font-size: 5.06666667vw;
  }
}
@media screen and (max-width: 980px) {
  #duty #block2 .section-con #block2-slider .con {
    position: relative;
    padding: 5%;
  }
  #duty #block2 .section-con #block2-slider .con > h2 {
    font-size: 1.82291667vw;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 980px) and (max-width: 980px) {
  #duty #block2 .section-con #block2-slider .con > h2 {
    font-size: 4.66666667vw;
  }
}
#duty #block2 .section-con #block2-slider .con > p {
  font-size: 0.9375vw;
  line-height: 150%;
}
@media (max-width: 980px) {
  #duty #block2 .section-con #block2-slider .con > p {
    font-size: 2.4vw;
  }
}
@media screen and (max-width: 980px) {
  #duty #block2 .section-con #block2-slider .con > p {
    font-size: 1.45833333vw;
  }
}
@media screen and (max-width: 980px) and (max-width: 980px) {
  #duty #block2 .section-con #block2-slider .con > p {
    font-size: 3.73333333vw;
  }
}
#duty #block2 .section-con .arrow {
  position: absolute;
  width: 2.60416667vw;
  height: 2.60416667vw;
  top: 50%;
}
#duty #block2 .section-con .arrow.arrow_left {
  left: -5%;
  background-image: url(../imgs/icons/arrow_btn_left_white_icon.png);
  background-color: none;
  background-repeat: no-repeat;
  -o-background-size: contain;
  background-size: contain;
  background-position: center center;
}
#duty #block2 .section-con .arrow.arrow_right {
  right: -5%;
  background-image: url(../imgs/icons/arrow_btn_right_white_icon.png);
  background-color: none;
  background-repeat: no-repeat;
  -o-background-size: contain;
  background-size: contain;
  background-position: center center;
}
#duty #block3 {
  background: #efefef;
}
#duty #block3 .section-con {
  margin-top: 2%;
}
#duty #block3 .section-con .des > p {
  color: #666;
  font-size: 0.9375vw;
}
@media (max-width: 980px) {
  #duty #block2 .section-con .arrow {
    width: 6.66666667vw;
    height: 6.66666667vw;
  }
  #duty #block3 .section-con > p {
    font-size: 2.4vw;
  }
}
@media screen and (max-width: 980px) {
  #duty #block2 .section-con .arrow {
    width: 33px;
    height: 33px;
    top: auto;
    bottom: 0;
  }
  #duty #block2 .section-con .arrow.arrow_left {
    left: 16.5%;
  }
  #duty #block2 .section-con .arrow.arrow_right {
    right: 16.5%;
  }
  #duty #block3 .section-con > p {
    padding: 0 5%;
    font-size: 1.45833333vw;
  }
}
@media screen and (max-width: 980px) and (max-width: 980px) {
  #duty #block3 .section-con > p {
    font-size: 3.73333333vw;
  }
}
#duty #block3 .section-con > .con {
  /* margin-top: 3%; */
  background: #fff;
}
#duty #block3 .section-con > .con .thumb {
  width: 60%;
}
@media screen and (max-width: 980px) {
  #duty #block3 .section-con > .con .thumb {
    width: 100%;
  }
}
#duty #block3 .section-con > .con .tab-container {
  width: 40%;
}
@media screen and (max-width: 980px) {
  #duty #block3 .section-con > .con .tab-container {
    width: 100%;
  }
}
#duty #block3 .section-con  .tab-btns{
  margin-top: 3%;
  margin-bottom: 1%;
}
#duty #block3 .section-con  .tab-btns a {
  float: left;
  width: 25%;
  background: #2a2b30;
  color: rgba(255, 255, 255, 0.5);
  text-align: center;
  position: relative;
  border-right: 1px solid #fff;
  white-space: nowrap;
  padding: 0 1%;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  line-height: 3.54166667vw;
  font-size: 0.72916667vw;
}
@media (max-width: 980px) {
  #duty #block3 .section-con  .tab-btns{
    white-space: nowrap;
    overflow-x: auto;
  }
  #duty #block3 .section-con  .tab-btns a {
    line-height: 9.06666667vw;
    font-size: 1.86666667vw;
    float: none;
    display: inline-block;
    width: auto;
    white-space: nowrap;
    padding-left: 3%;
    padding-right: 3%;
  }
}
#duty #block3 .section-con .tab-btns a.active {
  background: #21a8e0;
  color: #fff;
}
@media screen and (max-width: 980px) {
  #duty #block3 .section-con  .tab-btns a {
    font-size: 1.45833333vw;
    line-height: 350%;
  }
}
@media screen and (max-width: 980px) and (max-width: 980px) {
  #duty #block3 .section-con .tab-btns a {
    font-size: 3.73333333vw;
  }
}
#duty #block3 .section-con > .con .tab-container .tab-main .tab-item {
  display: none;
  padding: 10%;
  line-height: 200%;
  color: #666;
  font-size: 0.83333333vw;
}
@media (max-width: 980px) {
  #duty #block3 .section-con > .con .tab-container .tab-main .tab-item {
    font-size: 2.13333333vw;
  }
}
@media screen and (max-width: 980px) {
  #duty #block3 .section-con > .con .tab-container .tab-main .tab-item {
    padding: 5%;
    font-size: 1.45833333vw;
  }
}
@media screen and (max-width: 980px) and (max-width: 980px) {
  #duty #block3 .section-con > .con .tab-container .tab-main .tab-item {
    font-size: 3.73333333vw;
  }
}
#duty #block3 .section-con > .con .tab-container .tab-main .tab-item.active {
  display: block;
}
#duty #block4 .block_tit .more {
  background: #21a8e0;
  color: #fff;
}
#duty #block4 .block_tit .more:hover {
  color: #fff !important;
}
#duty #block4 .section-con {
  margin-top: 2%;
}
#duty #block4 .section-con > p {
  color: #9f9f9f;
  line-height: 180%;
  font-size: 0.9375vw;
}
@media (max-width: 980px) {
  #duty #block4 .section-con > p {
    font-size: 2.4vw;
  }
}
@media screen and (max-width: 980px) {
  #duty #block4 .section-con > p {
    padding: 5%;
    font-size: 1.45833333vw;
  }
  #duty #block4 .section-con #block4-slider {
    padding-bottom: 12%;
  }
}
@media screen and (max-width: 980px) and (max-width: 980px) {
  #duty #block4 .section-con > p {
    font-size: 3.73333333vw;
  }
}
#duty #block4 .section-con #block4-slider {
  margin-top: 5%;
}
#duty #block4 .section-con #block4-slider .swiper-slide {
  color: #fff;
  text-align: center;
}
#duty #block4 .section-con #block4-slider .swiper-slide .con {
  margin: 0 1.7%;
  position: relative;
}
@media screen and (max-width: 980px) {
  #duty #block4 .section-con #block4-slider .swiper-slide .con {
    margin: 10% 5%;
  }
}
#duty #block4 .section-con #block4-slider .swiper-slide .tit {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 3% 0;
  font-size: 0.9375vw;
  background: rgba(0, 0, 0, 0.7);
}
@media (max-width: 980px) {
  #duty #block4 .section-con #block4-slider .swiper-slide .tit {
    font-size: 2.4vw;
  }
}
#duty #block4 .section-con #block4-slider .swiper-slide .cover {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  background: rgba(0, 0, 0, 0.7);
}
#duty #block4 .section-con #block4-slider .swiper-slide .cover .con {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  padding: 0 10%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
#duty #block4 .section-con #block4-slider .swiper-slide .cover .con h2 {
  display: inline-block;
  border-bottom: 2px solid #fff;
  padding-bottom: 2.5%;
  font-size: 1.97916667vw;
  margin-bottom: 3%;
}
@media (max-width: 980px) {
  #duty #block4 .section-con #block4-slider .swiper-slide .cover .con h2 {
    font-size: 5.06666667vw;
  }
}
#duty #block4 .section-con #block4-slider .swiper-slide .cover .con p {
  font-size: 0.8375vw;
  line-height: 180%;
}
#duty #block4 .section-con #block4-slider .swiper-slide:hover .tit {
  bottom: -50%;
}
#duty #block4 .section-con #block4-slider .swiper-slide:hover .cover {
  opacity: 1;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#duty #block4 .section-con .arrow {
  position: absolute;
  top: 50%;
  z-index: 200;
  width: 2.60416667vw;
  height: 2.60416667vw;
}
@media (max-width: 980px) {
  #duty #block4 .section-con #block4-slider .swiper-slide .cover .con p {
    font-size: 2.4vw;
  }
  #duty #block4 .section-con .arrow {
    width: 6.66666667vw;
    height: 6.66666667vw;
  }
}
#duty #block4 .section-con .arrow.arrow_left {
  left: -5%;
  background-image: url(../imgs/icons/arrow_btn_left_icon.png);
  background-color: none;
  background-repeat: no-repeat;
  -o-background-size: contain;
  background-size: contain;
  background-position: center center;
}
#duty #block4 .section-con .arrow.arrow_right {
  right: -5%;
  background-image: url(../imgs/icons/arrow_btn_right_icon.png);
  background-color: none;
  background-repeat: no-repeat;
  -o-background-size: contain;
  background-size: contain;
  background-position: center center;
}
@media screen and (max-width: 980px) {
  #duty #block4 .section-con .arrow {
    width: 33px;
    height: 33px;
    top: auto;
    bottom: 3%;
  }
  #duty #block4 .section-con .arrow.arrow_left {
    left: 16.5%;
  }
  #duty #block4 .section-con .arrow.arrow_right {
    right: 16.5%;
  }
}
#duty #block5 {
  height: 35.9375vw;
}
@media (max-width: 980px) {
  #duty #block5 {
    height: 92vw;
  }
}
@media screen and (max-width: 980px) {
  #duty #block5 {
    height: auto;
    padding-bottom: 10%;
  }
}
#duty #block5 .tab-btns {
  border-bottom: 1px solid #21a8e0;
  white-space: nowrap;
  font-size: 0;
}
#duty #block5 .tab-btns > div {
  overflow-x: auto;
  width: 100%;
}
#duty #block5 .tab-btns a {
  float: left;
  width: 25%;
  color: #fff;
  text-align: center;
  background: rgba(0, 0, 0, 0.5);
  border-right: 1px solid rgba(255, 255, 255, 0.5);
  height: 3.90625vw;
  line-height: 3.90625vw;
  font-size: 0.9375vw;
}
@media (max-width: 980px) {
  #duty #block5 .tab-btns a {
    height: 10vw;
    line-height: 10vw;
    font-size: 2.4vw;
  }
}
#duty #block5 .tab-btns a.active {
  background: rgba(33, 168, 224, 0.3);
}
@media screen and (max-width: 980px) {
  #duty #block5 .tab-btns a {
    width: auto;
    padding: 0 5%;
    float: none;
    display: inline-block;
    font-size: 1.45833333vw;
  }
}
@media screen and (max-width: 980px) and (max-width: 980px) {
  #duty #block5 .tab-btns a {
    font-size: 3.73333333vw;
  }
}
#duty #block5 .tab-main {
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  margin-top: 5%;
}
#duty #block5 .tab-main .tab-item {
  display: none;
  padding: 5% 10%;
}
@media screen and (max-width: 980px) {
  #duty #block5 .tab-main .tab-item {
    padding: 8% 5%;
  }
}
#duty #block5 .tab-main .tab-item.active {
  display: block;
}
#duty #block5 .tab-main .tab-item h2 {
  position: relative;
  display: inline-block;
  padding-bottom: 2%;
  margin-bottom: 2%;
  font-size: 1.5625vw;
}
@media (max-width: 980px) {
  #duty #block5 .tab-main .tab-item h2 {
    font-size: 4vw;
  }
}
#duty #block5 .tab-main .tab-item h2::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 80%;
  height: 2px;
  display: block;
  background: #fff;
  content: ' ';
}
@media screen and (max-width: 980px) {
  #duty #block5 .tab-main .tab-item h2 {
    font-size: 1.82291667vw;
  }
}
@media screen and (max-width: 980px) and (max-width: 980px) {
  #duty #block5 .tab-main .tab-item h2 {
    font-size: 4.66666667vw;
  }
}
#duty #block5 .tab-main .tab-item .con {
  line-height: 180%;
  font-size: 0.9375vw;
}
@media (max-width: 980px) {
  #duty #block5 .tab-main .tab-item .con {
    font-size: 2.4vw;
  }
}
@media screen and (max-width: 980px) {
  #duty #block5 .tab-main .tab-item .con {
    margin-top: 5%;
    font-size: 1.45833333vw;
  }
}
@media screen and (max-width: 980px) and (max-width: 980px) {
  #duty #block5 .tab-main .tab-item .con {
    font-size: 3.73333333vw;
  }
}
#law .article {
  padding-bottom: 7%;
  font-size: 0.9375vw;
}
@media (max-width: 980px) {
  #law .article {
    font-size: 2.4vw;
  }
}
#law .article p {
  margin-bottom: 2%;
  line-height: 180%;
  color: #666;
}
#search {
  padding: 5.20833333vw 0 0;
}
#search .shrt-box {
  position: relative;
}
#search .shrt-box input {
  width: 100%;
  border: 1px solid #999;
  padding: 0 3%;
  color: #666;
  height: 3.64583333vw;
  line-height: 3.64583333vw;
  font-size: 1.5625vw;
}
@media (max-width: 980px) {
  #search .shrt-box input {
    height: 9.33333333vw;
    line-height: 9.33333333vw;
    font-size: 4vw;
  }
}
#search .shrt-box button {
  position: absolute;
  right: 1px;
  top: 1px;
  border: none;
  color: #666;
  font-size: 2.08333333vw;
  height: 3.48958333vw;
  width: 3.54166667vw;
  cursor: pointer;
}
@media (max-width: 980px) {
  #search .shrt-box button {
    font-size: 5.33333333vw;
    height: 8.93333333vw;
    width: 9.06666667vw;
  }
}
#search .result-tit {
  margin-bottom: 15px;
  color: #666;
  font-size: 0.9375vw;
}
@media (max-width: 980px) {
  #search .result-tit {
    font-size: 2.4vw;
  }
}
#search .result-tit span {
  color: red;
}
#site_map ul {
  width: 1000px;
  margin: 0 auto;
  padding-bottom: 7%;
}
#site_map ul li {
  overflow: hidden;
  margin: 0 0 2.5%;
  text-align: center;
  position: relative;
}
#site_map ul li > .tit {
  float: left;
  position: relative;
  color: #fff;
  background: #666;
  width: 160px;
  font-size: 14px;
  height: 40px;
  line-height: 40px;
}
#site_map ul li > .tit:hover {
  background: #21a8e0;
  color: #fff;
}
#site_map ul li > .tit::before {
  position: absolute;
  display: block;
  content: ' ';
  left: 100%;
  top: 20px;
  width: 140%;
  border-top: 1px dashed #666;
}
#site_map ul li > .sub {
  margin-left: 20%;
  padding-left: 5%;
  position: relative;
}
#site_map ul li > .sub::before {
  color: #21a8e0;
  position: absolute;
  left: 0;
  top: 8px;
}
#site_map ul li > .sub > .item {
  float: left;
  margin-right: 2%;
  position: relative;
  margin-bottom: 15px;
}
#site_map ul li > .sub > .item > .tit {
  position: relative;
  background: #999;
  color: #fff;
  display: block;
  z-index: 90;
  font-size: 14px;
  height: 40px;
  line-height: 40px;
  width: 160px;
}
#site_map ul li > .sub > .item > .tit:hover {
  background: #21a8e0;
  color: #fff;
}
#site_map ul li > .sub > .item > .tit::before {
  position: absolute;
  display: block;
  content: ' ';
  left: 100%;
  top: 20px;
  width: 4vw;
  border-top: 1px dashed #666;
}
#site_map ul li > .sub > .item:last-child > .tit::before {
  display: none;
}
#site_map ul li > .sub > .item > .sub {
  padding-top: 24%;
  position: relative;
}
#site_map ul li > .sub > .item > .sub::after {
  position: absolute;
  display: block;
  content: ' ';
  left: 50%;
  top: -5%;
  height: 60px;
  border-left: 1px dashed #666;
}
#site_map ul li > .sub > .item > .sub::before {
  top: 12%;
  left: 50%;
  color: #21a8e0;
  position: absolute;
  z-index: 40;
  -webkit-transform: translateX(-49%);
  -ms-transform: translateX(-49%);
  -o-transform: translateX(-49%);
  transform: translateX(-49%);
}
#site_map ul li > .sub > .item > .sub .item > .tit {
  background: #f8f8f8;
  color: #999;
  display: block;
  margin-top: 10%;
  position: relative;
  width: 160px;
  font-size: 14px;
  height: 40px;
  line-height: 40px;
}
#site_map ul li > .sub > .item > .sub .item > .tit:hover {
  background: #21a8e0;
  color: #fff;
}
#site_map ul li > .sub > .item > .sub .item > .tit::before {
  position: absolute;
  display: block;
  content: ' ';
  left: 50%;
  top: 100%;
  height: 3vw;
  border-left: 1px dashed #666;
}
#site_map ul li > .sub > .item > .sub .item:last-child > .tit::before {
  display: none;
}
#investorRelations .w1400.page-section {
  padding-top: 6%;
}
@media screen and (max-width: 980px) {
  #investorRelations {
    padding-bottom: 10%;
  }
}
#investorRelations .download-list {
  padding: 5% 0 0;
}
#investorRelations .contact-list {
  padding: 5% 0 0;
  text-align: left;
  vertical-align: top;
}
#investorRelations .contact-list .item {
  display: inline-block;
  vertical-align: top;
  margin: 0 4%;
  text-align: center;
  width: 8.33333333vw;
}
@media (max-width: 980px) {
  #investorRelations .contact-list .item {
    width: 21.33333333vw;
  }
}
@media screen and (max-width: 980px) {
  #investorRelations .contact-list .item {
    margin-bottom: 10%;
    width: 41%;
  }
}
#investorRelations .contact-list .item .icon {
  background: #333;
  display: inline-block;
  text-align: center;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  color: #fff;
  margin: 0 0 25%;
  width: 8.33333333vw;
  height: 8.33333333vw;
  line-height: 8.33333333vw;
  font-size: 3.125vw;
}
@media (max-width: 980px) {
  #investorRelations .contact-list .item .icon {
    width: 21.33333333vw;
    height: 21.33333333vw;
    line-height: 21.33333333vw;
    font-size: 8vw;
  }
}
@media screen and (max-width: 980px) {
  #investorRelations .contact-list .item .icon {
    margin-bottom: 4%;
  }
}
#investorRelations .contact-list .item .tit {
  color: #333;
  position: relative;
  margin-bottom: 10%;
  font-size: 1.25vw;
}
#investorRelations .contact-list .item .tit::after {
  content: '';
  display: block;
  height: 1px;
  background: #b1b1b1;
  position: absolute;
  bottom: -20%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 2.34375vw;
}
@media (max-width: 980px) {
  #investorRelations .contact-list .item .tit {
    font-size: 3.2vw;
  }
  #investorRelations .contact-list .item .tit::after {
    width: 6vw;
  }
}
#investorRelations .contact-list .item .desc {
  color: rgba(0, 0, 0, 0.7);
}
#consumerapp #block1 {
  padding-bottom: 3%;
}
#consumerapp #block1 .section-con {
  margin-top: 2%;
}
#consumerapp #block1 .section-con > p {
  color: #9f9f9f;
  font-size: 0.9375vw;
}
@media (max-width: 980px) {
  #consumerapp #block1 .section-con > p {
    font-size: 2.4vw;
  }
}
@media screen and (max-width: 980px) {
  #consumerapp #block1 .section-con > p {
    padding: 5%;
    font-size: 1.45833333vw;
  }
}
@media screen and (max-width: 980px) and (max-width: 980px) {
  #consumerapp #block1 .section-con > p {
    font-size: 3.73333333vw;
  }
}
#consumerapp #block1 .section-con > ul {
  margin: 4% 5% 0;
}
@media screen and (max-width: 980px) {
  #consumerapp #block1 .section-con > ul {
    margin: 4% 0 0;
  }
}
#consumerapp #block1 .section-con > ul li {
  width: 32%;
  margin-right: 1%;
}
@media screen and (max-width: 980px) {
  #consumerapp #block1 .section-con > ul li {
    width: 48%;
    margin-bottom: 15px;
  }
  #consumerapp #block1 .section-con .tab-btns {
    width: 100%;
    white-space: nowrap;
    overflow: auto;
  }
}
#consumerapp #block1 .section-con .tab-btns a {
  float: left;
  width: 20%;
  background: #bbb;
  color: #333;
  text-align: center;
  position: relative;
  border-right: 1px solid #fff;
  line-height: 3.90625vw;
  font-size: 1.25vw;
}
@media (max-width: 980px) {
  #consumerapp #block1 .section-con .tab-btns a {
    line-height: 10vw;
    font-size: 3.2vw;
  }
}
#consumerapp #block1 .section-con .tab-btns a.active {
  background: #21a8e0;
  color: #fff;
}
@media screen and (max-width: 980px) {
  #consumerapp #block1 .section-con .tab-btns a {
    font-size: 0.83333333vw;
    float: none;
    width: auto !important;
    padding: 0 5%;
    display: inline-block;
  }
}
@media screen and (max-width: 980px) and (max-width: 980px) {
  #consumerapp #block1 .section-con .tab-btns a {
    font-size: 2.13333333vw;
  }
}
#consumerapp #block1 .section-con .tab-main {
  margin-top: 3.5%;
}
#consumerapp #block1 .section-con .tab-main .tab-item {
  display: none;
}
#consumerapp #block1 .section-con .tab-main .tab-item.active {
  display: block;
}
#consumerapp #block1 .section-con .tab-main ul li {
  width: 24%;
  margin-right: 1%;
}
#consumerapp #block1 .section-con .tab-main ul li h2 {
  border: none;
}
#consumerapp #block1 #block1-slider {
  padding: 3% 0;
}
@media screen and (max-width: 980px) {
  #consumerapp #block1 .section-con .tab-main ul li {
    width: 48%;
    margin-bottom: 4%;
  }
  #consumerapp #block1 #block1-slider {
    margin: 0 3%;
  }
}
#consumerapp #block1 #block1-slider .item {
  width: 32%;
  margin: 0 2% 0 0;
  color: #fff;
  text-align: center;
  overflow: hidden;
}
#consumerapp #block1 #block1-slider .item:last-child {
  margin: 0;
}
@media screen and (max-width: 980px) {
  #consumerapp #block1 #block1-slider .item {
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 1%;
  }
}
#consumerapp #block1 #block1-slider .item .thumb,
#consumerapp #block1 #block1-slider .item .thumb img {
  width: 100%;
}
#consumerapp #block1 #block1-slider .item .tit {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 3% 0;
  font-size: 0.9375vw;
  background: rgba(0, 0, 0, 0.7);
}
@media (max-width: 980px) {
  #consumerapp #block1 #block1-slider .item .tit {
    font-size: 2.4vw;
  }
}
@media screen and (max-width: 980px) {
  #consumerapp #block1 #block1-slider .item .tit {
    font-size: 1.45833333vw;
    left: 3%;
    width: 94%;
  }
}
@media screen and (max-width: 980px) and (max-width: 980px) {
  #consumerapp #block1 #block1-slider .item .tit {
    font-size: 3.73333333vw;
  }
}
#consumerapp #block1 #block1-slider .item .cover {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  background: rgba(0, 0, 0, 0.7);
}
@media screen and (max-width: 980px) {
  #consumerapp #block1 #block1-slider .item .cover {
    font-size: 1.45833333vw;
    left: 3%;
    width: 94%;
  }
}
@media screen and (max-width: 980px) and (max-width: 980px) {
  #consumerapp #block1 #block1-slider .item .cover {
    font-size: 3.73333333vw;
  }
}
#consumerapp #block1 #block1-slider .item .cover .con {
  width: 100%;
  position: absolute;
  left: 0;
  padding: 0 12%;
  transform: translateY(-50%);
}
#consumerapp #block1 #block1-slider .item .cover .con h2 {
  display: inline-block;
  border-bottom: 2px solid #fff;
  padding-bottom: 2.5%;
  margin-bottom: 3%;
  font-size: 1.97916667vw;
}
@media (max-width: 980px) {
  #consumerapp #block1 #block1-slider .item .cover .con h2 {
    font-size: 5.06666667vw;
  }
}
@media screen and (max-width: 980px) {
  #consumerapp #block1 #block1-slider .item .cover .con h2 {
    font-size: 1.66666667vw;
  }
}
@media screen and (max-width: 980px) and (max-width: 980px) {
  #consumerapp #block1 #block1-slider .item .cover .con h2 {
    font-size: 4.26666667vw;
  }
}
#consumerapp #block1 #block1-slider .item .cover .con p {
  font-size: 0.9375vw;
  line-height: 180%;
}
#consumerapp #block1 #block1-slider .item.active .tit,
#consumerapp #block1 #block1-slider .item:hover .tit {
  bottom: -50%;
}
#consumerapp #block1 #block1-slider .item.active .cover,
#consumerapp #block1 #block1-slider .item:hover .cover {
  opacity: 1;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#consumerapp #block1 #block1-slider .arrows {
  display: none;
  margin-top: 5%;
}
@media screen and (max-width: 980px) {
  #consumerapp #block1 #block1-slider .arrows {
    display: block;
    width: 66%;
    margin: 5% auto 0;
  }
  #consumerapp #block1 #block1-slider .arrows .arrow.arrow_right {
    right: 5%;
  }
}
#consumerapp #block1 #block1-slider .arrows .arrow {
  width: 33px;
  height: 33px;
}
#consumerapp #block1 #block1-slider .arrows .arrow.arrow_left {
  float: left;
  background-image: url(../imgs/icons/arrow_btn_left_icon.png);
  background-color: none;
  background-repeat: no-repeat;
  -o-background-size: contain;
  background-size: contain;
  background-position: center center;
}
#consumerapp #block1 #block1-slider .arrows .arrow.arrow_right {
  float: right;
  background-image: url(../imgs/icons/arrow_btn_right_icon.png);
  background-color: none;
  background-repeat: no-repeat;
  -o-background-size: contain;
  background-size: contain;
  background-position: center center;
}
#consumerapp #block2 {
  background: #000;
}
#consumerapp #block2 .arrow_left,
#consumerapp #block2 .arrow_right {
  background-color: none;
  background-repeat: no-repeat;
  background-position: center center;
}
#consumerapp #block2 .pos-title {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 140;
  padding: 3.64583333vw 0 4.6875vw;
}
#consumerapp #block2 .pos-title h2 {
  color: #fff;
}
#consumerapp #block2 .arrow_left,
#consumerapp #block2 .arrow_right {
  position: absolute;
  top: 50%;
  width: 2.34375vw;
  height: 2.34375vw;
  z-index: 100;
}
@media (max-width: 980px) {
  #consumerapp #block1 #block1-slider .item .cover .con p {
    font-size: 2.4vw;
  }
  #consumerapp #block2 .arrow_left,
  #consumerapp #block2 .arrow_right {
    width: 6vw;
    height: 6vw;
  }
}
#consumerapp #block2 .arrow_left {
  left: 4.5%;
  background-image: url(../imgs/icons/arrow_btn_left_white_icon.png);
  -o-background-size: contain;
  background-size: contain;
}
#consumerapp #block2 .arrow_right {
  right: 4.5%;
  background-image: url(../imgs/icons/arrow_btn_right_white_icon.png);
  -o-background-size: contain;
  background-size: contain;
}
@media screen and (max-width: 980px) {
  #consumerapp #block2 .arrow_left,
  #consumerapp #block2 .arrow_right {
    width: 33px;
    height: 33px;
    top: 45%;
  }
  #consumerapp #block2 .arrow_left {
    left: 16.5%;
  }
  #consumerapp #block2 .arrow_right {
    right: 16.5%;
  }
}
#consumerapp #block2 .caption {
  position: absolute;
  width: 100%;
  z-index: 90;
  left: 0;
  top: 25%;
  color: #fff;
}
@media screen and (max-width: 980px) {
  #consumerapp #block2 .caption {
    position: relative;
  }
}
#consumerapp #block2 .caption .item {
  padding: 3% 2%;
  line-height: 200%;
  background: rgba(0, 0, 0, 0.7);
  position: absolute;
  left: 5%;
  top: 0;
  opacity: 0;
  visibility: hidden;
  width: 31.25vw;
}
@media (max-width: 980px) {
  #consumerapp #block2 .caption .item {
    width: 80vw;
  }
}
#consumerapp #block2 .caption .item.active {
  opacity: 1;
  left: 0;
  visibility: visible;
  -webkit-transition: left 0.6s ease-in-out, opacity 0.6s ease-in-out;
  -o-transition: left 0.6s ease-in-out, opacity 0.6s ease-in-out;
  transition: left 0.6s ease-in-out, opacity 0.6s ease-in-out;
}
@media screen and (max-width: 980px) {
  #consumerapp #block2 .caption .item {
    position: relative;
    display: none;
    width: 100% !important;
    padding: 5%;
  }
  #consumerapp #block2 .caption .item.active {
    display: block;
  }
}
#consumerapp #block3 .email_block {
  background-image: url(../imgs/consumerApp/bg1.jpg);
}
#consumerapp #block3 .email_block .tit {
  color: #000;
}
#consumerapp #block3 .email_block .en_tit {
  color: #999;
}
#consumerapp #block4 .tab-block {
  padding: 6% 0 7%;
}
#consumerapp #block4 .tab-block.tab-banner {
  width: 100%;
  height: 40.625vw;
  padding: 0;
  background-image: url(none);
  background-color: none;
  background-repeat: no-repeat;
  -o-background-size: cover;
  background-size: cover;
  background-position: right center;
}
@media (max-width: 980px) {
  #consumerapp #block4 .tab-block.tab-banner {
    height: 104vw;
  }
}
#consumerapp #block4 .tab-block.tab-banner .con {
  background: rgba(0, 0, 0, 0.7);
  position: absolute;
  width: 55%;
  color: #fff;
  padding: 5%;
  margin-top: 8%;
  left: 0;
  line-height: 26px;
}
#consumerapp #block4 .tab-block.tab-banner .con h2 {
  font-size: 24px;
  margin-bottom: 15px;
}
@media screen and (max-width: 980px) {
  #consumerapp #block4 .tab-block.tab-banner {
    height: auto;
  }
  #consumerapp #block4 .tab-block.tab-banner .con {
    width: 100%;
    left: 0;
    top: 0;
    margin: 0;
    padding-top: 10%;
    padding-bottom: 30%;
    position: relative;
  }
  #consumerapp #block4 .tab-block.tab-parameter {
    padding-bottom: 0;
    padding-top: 0;
  }
}
#consumerapp #block4 .tab-block.tab-parameter .swiper-slide {
  width: 100%;
  background: #2a2b30;
  position: relative;
}
#consumerapp #block4 .tab-block.tab-parameter .swiper-slide .thumb {
  width: 69%;
}
@media screen and (max-width: 980px) {
  #consumerapp #block4 .tab-block.tab-parameter .swiper-slide .thumb {
    width: 100%;
  }
}
#consumerapp #block4 .tab-block.tab-parameter .swiper-slide .thumb img {
  width: 100%;
}
#consumerapp #block4 .tab-block.tab-parameter .swiper-slide .con {
  position: absolute;
  color: #fff;
  right: 0;
  top: 0;
  width: 30%;
  padding: 5% 2%;
}
@media screen and (max-width: 980px) {
  #consumerapp #block4 .tab-block.tab-parameter .swiper-slide .con {
    width: 100%;
    padding: 5% 5.4%;
    position: relative;
  }
}
#consumerapp #block4 .tab-block.tab-parameter .swiper-slide .con .tit {
  font-size: 25px;
  padding-bottom: 10px;
  margin-bottom: 25px;
  border-bottom: 1px solid #fff;
}
@media screen and (max-width: 980px) {
  #consumerapp #block4 .tab-block.tab-parameter .swiper-slide .con .tit {
    font-size: 2.08333333vw;
  }
  #consumerapp #block4 .tab-block.tab-specifications {
    height: auto;
  }
}
@media screen and (max-width: 980px) and (max-width: 980px) {
  #consumerapp #block4 .tab-block.tab-parameter .swiper-slide .con .tit {
    font-size: 5.33333333vw;
  }
}
#consumerapp #block4 .tab-block.tab-parameter .swiper-slide .con .con_list {
  overflow: hidden;
}
#consumerapp
  #block4
  .tab-block.tab-parameter
  .swiper-slide
  .con
  .con_list
  .item {
  float: left;
  width: 50%;
  font-size: 12px;
  margin-bottom: 15px;
}
#consumerapp #block4 .tab-block.tab-specifications {
  background-image: url(../imgs/bg3.jpg);
  background-color: #f8f8f8;
  background-repeat: no-repeat;
  -o-background-size: cover;
  background-size: cover;
  background-position: top center;
}
#consumerapp #block4 .tab-block.tab-specifications .table-box {
  margin-top: 5px;
  padding: 2%;
  background: #fff;
  border: 4px solid #dadada;
  word-wrap: break-word;
  word-break: break-all;
  overflow-x: auto;
}
@media screen and (max-width: 980px) {
  #consumerapp #block4 .tab-block.tab-specifications .table-box {
    width: 90%;
    padding: 0;
    overflow-x: auto;
  }
}
#consumerapp #block4 .tab-block.tab-specifications .table-box table {
  width: 100%;
}
@media screen and (max-width: 980px) {
  #consumerapp #block4 .tab-block.tab-specifications .table-box table {
    width: 120%;
  }
}
#consumerapp #block4 .tab-block.tab-specifications .table-box th {
  background: #21a8e0;
  padding: 10px 5px;
  font-weight: block;
}
#consumerapp #block4 .tab-block.tab-specifications .table-box th:last-child,
#consumerapp #block4 .tab-block.tab-specifications .table-box th:nth-child(2) {
  width: 20%;
}
#consumerapp #block4 .tab-block.tab-specifications .table-box td,
#consumerapp #block4 .tab-block.tab-specifications .table-box th {
  text-align: center;
  border-right: 1px solid #fff;
  white-space: nowrap;
  font-size: 0.9375vw;
}
@media (max-width: 980px) {
  #consumerapp #block4 .tab-block.tab-specifications .table-box td,
  #consumerapp #block4 .tab-block.tab-specifications .table-box th {
    font-size: 2.4vw;
  }
}
@media screen and (max-width: 980px) {
  #consumerapp #block4 .tab-block.tab-specifications .table-box td,
  #consumerapp #block4 .tab-block.tab-specifications .table-box th {
    font-size: 1.25vw;
    white-space: nowrap;
  }
}
@media screen and (max-width: 980px) and (max-width: 980px) {
  #consumerapp #block4 .tab-block.tab-specifications .table-box td,
  #consumerapp #block4 .tab-block.tab-specifications .table-box th {
    font-size: 3.2vw;
  }
}
#consumerapp #block4 .tab-block.tab-specifications .table-box tbody tr {
  background: #f8f8f8;
}
#consumerapp
  #block4
  .tab-block.tab-specifications
  .table-box
  tbody
  tr:nth-child(2n),
#hr .hr-table > .tbody > .tr.active {
  background: #f1f1f1;
}
#consumerapp #block4 .tab-block.tab-specifications .table-box tbody tr td {
  padding: 20px 10px;
}
#consumerapp #block4 .tab-block .block_tit {
  width: 100%;
  padding-top: 0 !important;
}
#consumerapp #block4 .tab-block .block_tit span.en {
  color: rgba(0, 0, 0, 0.5);
}
@media screen and (max-width: 980px) {
  #consumerapp #block4 .tab-block .block_tit {
    position: relative;
    text-align: left;
    padding-left: 3%;
  }
  #consumerapp #block4 .tab-block .block_tit span.en {
    margin-left: 15%;
    color: rgba(0, 0, 0, 0.5);
  }
}
#consumerapp #block4 .tab-block .block_tit a,
#consumerapp #block4 .tab-block .block_tit h2 {
  color: #000;
}
#consumerapp #block4 .tab-block .block_tit a:hover {
  color: #2da9de;
}
#hrpage .breadcrumb {
  width: 38% !important;
}
#hr .block-style-1 {
  width: 100%;
  padding: 5% 0 0;
  height: 44.27083333vw;
}
#hr .block-style-1 .caption {
  color: #fff;
  padding: 4% 2.5%;
  background: rgba(0, 0, 0, 0.7);
  width: 44.27083333vw;
}
@media (max-width: 980px) {
  #hr .block-style-1 {
    height: 113.33333333vw;
  }
  #hr .block-style-1 .caption {
    width: 113.33333333vw;
  }
}
@media screen and (max-width: 980px) {
  #hr .block-style-1 .caption {
    width: 100%;
    padding: 5%;
  }
}
#hr .block-style-1 .caption > h2 {
  position: relative;
  display: inline-block;
  line-height: 100%;
  margin-bottom: 5%;
  font-size: 2.1875vw;
}
#hr .block-style-1 .caption > h2::after {
  position: absolute;
  display: none;
  bottom: -56%;
  left: 0;
  width: 2.08333333vw;
  height: 2px;
  content: ' ';
  background: #fff;
}
#hr #block2 .arrow_left,
#hr #block2 .arrow_right {
  background-color: none;
  background-position: center center;
  background-repeat: no-repeat;
}
@media (max-width: 980px) {
  #hr .block-style-1 .caption > h2 {
    font-size: 5.6vw;
  }
  #hr .block-style-1 .caption > h2::after {
    width: 5.33333333vw;
  }
}
#hr .block-style-1 .caption > p {
  line-height: 180%;
  font-size: 0.9375vw;
}
@media (max-width: 980px) {
  #hr .block-style-1 .caption > p {
    font-size: 2.4vw;
  }
}
@media screen and (max-width: 980px) {
  #hr .block-style-1 .caption > p {
    font-size: 1.45833333vw;
  }
  #hr #block2 {
    padding: 3%;
  }
}
@media screen and (max-width: 980px) and (max-width: 980px) {
  #hr .block-style-1 .caption > p {
    font-size: 3.73333333vw;
  }
}
#hr #block2 .arrow_left,
#hr #block2 .arrow_right {
  position: absolute;
  transform: translateY(-50%);
  display: block;
  width: 44px;
  height: 44px;
  z-index: 200;
}
#hr #block2 .arrow_left {
  left: -4.5%;
  background-image: url(../imgs/icons/arrow_btn_left_icon.png);
  -o-background-size: contain;
  background-size: contain;
}
#hr #block2 .arrow_right {
  right: -4.5%;
  background-image: url(../imgs/icons/arrow_btn_right_icon.png);
  -o-background-size: contain;
  background-size: contain;
}
@media screen and (max-width: 980px) {
  #hr #block2 #thumbSwiper {
    padding-bottom: 15%;
  }
  #hr #block2 .arrow_left,
  #hr #block2 .arrow_right {
    top: 90%;
    width: 33px;
    height: 33px;
  }
  #hr #block2 .arrow_left {
    left: 4.5%;
  }
  #hr #block2 .arrow_right {
    right: 4.5%;
  }
}
#hr #block2 .item {
  position: relative;
  text-align: center;
  overflow: hidden;
}
#hr #block2 .item ::after {
  position: absolute;
  top: 0;
  right: 0;
  background: #fff;
  width: 2px;
  height: 100%;
  content: '';
  display: block;
}
#hr #block2 .item .tit {
  background: rgba(0, 0, 0, 0.7);
  position: absolute;
  left: 0;
  top: 80%;
  width: 100%;
  height: 100%;
  color: #fff;
  -webkit-transition: all ease 0.6s;
  -o-transition: all ease 0.6s;
  transition: all ease 0.6s;
  line-height: 3.64583333vw;
  font-size: 0.9375vw;
}
@media (max-width: 980px) {
  #hr #block2 .item .tit {
    line-height: 9.33333333vw;
    font-size: 2.4vw;
  }
}
@media screen and (max-width: 980px) {
  #hr #block2 .item .tit {
    font-size: 1.45833333vw;
  }
}
@media screen and (max-width: 980px) and (max-width: 980px) {
  #hr #block2 .item .tit {
    font-size: 3.73333333vw;
  }
}
#hr #block2 .item .thumb {
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  -o-transform-origin: center center;
  transform-origin: center center;
  -webkit-transition: all ease 0.6s;
  -o-transition: all ease 0.6s;
  transition: all ease 0.6s;
}
#hr #block2 .item:hover .tit {
  top: 0;
  height: 100%;
  -webkit-transition: all ease 0.6s;
  -o-transition: all ease 0.6s;
  transition: all ease 0.6s;
  line-height: 18.125vw;
  font-size: 1.25vw;
}
@media (max-width: 980px) {
  #hr #block2 .item:hover .tit {
    line-height: 46.4vw;
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 980px) {
  #hr #block2 .item:hover .tit {
    font-size: 1.66666667vw;
  }
  #hr #block3 {
    padding: 10% 0;
  }
}
@media screen and (max-width: 980px) and (max-width: 980px) {
  #hr #block2 .item:hover .tit {
    font-size: 4.26666667vw;
  }
}
#hr #block2 .item:hover .thumb {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
#hr #block3 {
  background-image: url(../imgs/hr/bg01.png);
  background-color: #fff;
  background-repeat: no-repeat;
  -o-background-size: contain;
  background-size: contain;
  background-position: top center;
}
#hr #block3 .icon-list .icon-item .icon,
#hr #block3 .icon-list .icon-item::after {
  background-color: none;
  background-repeat: no-repeat;
  background-position: center center;
}
#hr #block3 .icon-list {
  padding-top: 5%;
  width: 100%;
  text-align: center;
}
@media screen and (max-width: 980px) {
  #hr #block3 .icon-list {
    text-align: left;
    padding-left: 10%;
  }
}
#hr #block3 .icon-list .icon-item {
  display: inline-block;
  margin: 0 8% 0 0;
  position: relative;
  text-align: center;
}
@media screen and (max-width: 980px) {
  #hr #block3 .icon-list .icon-item {
    margin-bottom: 5%;
  }
}
#hr #block3 .icon-list .icon-item .icon {
  color: #666;
  margin: 0 auto;
  background-image: url(../imgs/hr/hr_icon_bg.png);
  -o-background-size: contain;
  background-size: contain;
  height: 6.09375vw;
  width: 6.09375vw;
  line-height: 6.09375vw;
  font-size: 2.08333333vw;
}
@media (max-width: 980px) {
  #hr #block3 .icon-list .icon-item .icon {
    height: 15.6vw;
    width: 15.6vw;
    line-height: 15.6vw;
    font-size: 5.33333333vw;
  }
}
@media screen and (max-width: 980px) {
  #hr #block3 .icon-list .icon-item .icon {
    height: 7.29166667vw;
    width: 7.29166667vw;
  }
}
#hr #block3 .icon-list .icon-item .tit {
  color: #666;
  font-size: 0.9375vw;
}
@media (max-width: 980px) {
  #hr #block3 .icon-list .icon-item .tit {
    font-size: 2.4vw;
  }
}
@media screen and (max-width: 980px) {
  #hr #block3 .icon-list .icon-item .tit {
    font-size: 1.45833333vw;
  }
}
@media screen and (max-width: 980px) and (max-width: 980px) {
  #hr #block3 .icon-list .icon-item .icon {
    height: 18.66666667vw;
    width: 18.66666667vw;
  }
  #hr #block3 .icon-list .icon-item .tit {
    font-size: 3.73333333vw;
  }
}
#hr #block3 .icon-list .icon-item::after {
  position: absolute;
  right: -35%;
  top: 30%;
  display: block;
  content: ' ';
  height: 1.61458333vw;
  width: 0.88541667vw;
  background-image: url(../imgs/hr/arrow01.png);
  -o-background-size: contain;
  background-size: contain;
}
@media (max-width: 980px) {
  #hr #block3 .icon-list .icon-item::after {
    height: 4.13333333vw;
    width: 2.26666667vw;
  }
}
#hr #block3 .icon-list .icon-item:last-child {
  margin-right: 0;
}
#hr #block3 .icon-list .icon-item:last-child::after {
  display: none;
}
#hr #block5 {
  background: #f8f8f8;
}
#hr #block5 > div > .fl {
  width: 33.33333333vw;
}
#hr #block5 .desc {
  color: #666;
  line-height: 180%;
  padding-top: 8%;
  font-size: 0.9375vw;
}
@media (max-width: 980px) {
  #hr #block5 > div > .fl {
    width: 85.33333333vw;
  }
  #hr #block5 .desc {
    font-size: 2.4vw;
  }
}
@media screen and (max-width: 980px) {
  #hr #block3 .icon-list .icon-item::after {
    top: 28%;
    right: -35%;
  }
  #hr #block5 > div > .fl {
    width: 100%;
  }
  #hr #block5 .desc {
    padding: 8% 5%;
    font-size: 1.45833333vw;
  }
}
@media screen and (max-width: 980px) and (max-width: 980px) {
  #hr #block5 .desc {
    font-size: 3.73333333vw;
  }
}
#hr #block5 .thumb {
  width: 33.33333333vw;
}
@media (max-width: 980px) {
  #hr #block5 .thumb {
    width: 85.33333333vw;
  }
}
#hr #block6 .section-con {
  width: 100%;
  overflow-x: auto;
}
#hr .hr-table {
  padding-bottom: 3%;
}
@media screen and (max-width: 980px) {
  #hr #block5 .thumb,
  #hr .hr-table {
    width: 100%;
  }
}
#hr .hr-table > .thead {
  color: #fff;
  background: #21a8e0;
  text-align: center;
  height: 5.20833333vw;
  line-height: 5.20833333vw;
}
@media (max-width: 980px) {
  #hr .hr-table > .thead {
    height: 13.33333333vw;
    line-height: 13.33333333vw;
  }
}
#hr .hr-table > .thead > .th {
  width: 20%;
  float: left;
  font-size: 1.04166667vw;
  height: 5.20833333vw;
  line-height: 5.20833333vw;
}
@media (max-width: 980px) {
  #hr .hr-table > .thead > .th {
    font-size: 2.66666667vw;
    height: 13.33333333vw;
    line-height: 13.33333333vw;
  }
}
@media screen and (max-width: 980px) {
  #hr .hr-table > .thead > .th {
    font-size: 1.45833333vw;
    width: 25%;
  }
  #hr .hr-table > .thead > .th:nth-child(3) {
    display: none;
  }
}
@media screen and (max-width: 980px) and (max-width: 980px) {
  #hr .hr-table > .thead > .th {
    font-size: 3.73333333vw;
  }
}
#hr .hr-table > .thead > .th .filter-component {
  margin: 10% auto;
  width: 7.55208333vw;
}
#hr .hr-table > .tbody > .tr {
  background: #f8f8f8;
}
@media screen and (max-width: 980px) {
  #hr .hr-table > .tbody > .tr {
    font-size: 1.45833333vw;
  }
}
#hr .hr-table > .tbody > .tr > .td-t {
  overflow: hidden;
  border-bottom: 1px solid #dbdbdb;
  color: #666;
  text-align: center;
  cursor: pointer;
  height: 3.90625vw;
  line-height: 3.90625vw;
}
@media (max-width: 980px) {
  #hr .hr-table > .thead > .th .filter-component {
    width: 19.33333333vw;
  }
  #hr .hr-table > .tbody > .tr > .td-t {
    height: 10vw;
    line-height: 10vw;
  }
}
@media screen and (max-width: 980px) {
  #hr .hr-table > .tbody > .tr > .td-t {
    height: 5.20833333vw;
    line-height: 5.20833333vw;
  }
  #hr .hr-table > .tbody > .tr > .td-t .item {
    width: 20%;
  }
}
@media screen and (max-width: 980px) and (max-width: 980px) {
  #hr .hr-table > .tbody > .tr {
    font-size: 3.73333333vw;
  }
  #hr .hr-table > .tbody > .tr > .td-t {
    height: 13.33333333vw;
    line-height: 13.33333333vw;
  }
}
#hr .hr-table > .tbody > .tr > .td-t .item {
  width: 20%;
  float: left;
  white-space: nowrap;
}
#hr .hr-table > .tbody > .tr > .td-t .item a.more {
  color: #666;
}
#hr .hr-table > .tbody > .tr > .td-t .item a.more:hover {
  color: #21a8e0;
}
#hr .hr-table > .tbody > .tr > .td-t .item .t {
  position: relative;
  display: inline-block;
}
#hr .hr-table > .tbody > .tr > .td-t .item .t span.icon {
  color: #21a8e0;
  display: inline-block;
  position: absolute;
  right: -46%;
  top: -6%;
  font-size: 0.72916667vw;
}
@media (max-width: 980px) {
  #hr .hr-table > .tbody > .tr > .td-t .item .t span.icon {
    font-size: 1.86666667vw;
  }
}
@media screen and (max-width: 980px) {
  #hr .hr-table > .tbody > .tr > .td-t .item.title {
    width: 40%;
  }
  #hr .hr-table > .tbody > .tr > .td-t .item:nth-child(3) {
    display: none;
  }
}
#hr .hr-table > .tbody > .tr > .td-body {
  padding: 5% 5% 0;
  overflow: hidden;
  display: none;
}
#hr .hr-table > .tbody > .tr > .td-body .item {
  width: 50%;
  padding-right: 2%;
  float: left;
  color: #666;
}
@media screen and (max-width: 980px) {
  #hr .hr-table > .tbody > .tr > .td-body .item {
    width: 100%;
    float: none;
    margin-bottom: 20px;
  }
}
#hr .hr-table > .tbody > .tr > .td-body .item .tit {
  margin-bottom: 12px;
  font-size: 1.04166667vw;
}
@media (max-width: 980px) {
  #hr .hr-table > .tbody > .tr > .td-body .item .tit {
    font-size: 2.66666667vw;
  }
}
@media screen and (max-width: 980px) {
  #hr .hr-table > .tbody > .tr > .td-body .item .tit {
    font-size: 1.5625vw;
  }
}
@media screen and (max-width: 980px) and (max-width: 980px) {
  #hr .hr-table > .tbody > .tr > .td-body .item .tit {
    font-size: 4vw;
  }
}
#hr .hr-table > .tbody > .tr > .td-body .item .desc {
  line-height: 200%;
  font-size: 0.83333333vw;
}
@media (max-width: 980px) {
  #hr .hr-table > .tbody > .tr > .td-body .item .desc {
    font-size: 2.13333333vw;
  }
}
@media screen and (max-width: 980px) {
  #hr .hr-table > .tbody > .tr > .td-body .item .desc {
    font-size: 1.45833333vw;
  }
}
@media screen and (max-width: 980px) and (max-width: 980px) {
  #hr .hr-table > .tbody > .tr > .td-body .item .desc {
    font-size: 3.73333333vw;
  }
}
#hr .hr-table > .tbody > .tr > .td-contact {
  padding: 2% 5%;
  overflow: hidden;
  font-weight: 700;
  line-height: 200%;
  border-bottom: 1px solid #dbdbdb;
  display: none;
  font-size: 0.83333333vw;
}
@media (max-width: 980px) {
  #hr .hr-table > .tbody > .tr > .td-contact {
    font-size: 2.13333333vw;
  }
}
@media screen and (max-width: 980px) {
  #hr .hr-table > .tbody > .tr > .td-contact {
    font-size: 1.45833333vw;
  }
}
@media screen and (max-width: 980px) and (max-width: 980px) {
  #hr .hr-table > .tbody > .tr > .td-contact {
    font-size: 3.73333333vw;
  }
}
#hr .hr-table > .tbody > .tr > .td-entrance {
  padding: 5%;
  text-align: center;
  display: none;
}
#hr .hr-table > .tbody > .tr > .td-entrance .item {
  display: inline-block;
  margin: 0 10%;
  color: #666;
}
#hr .hr-table > .tbody > .tr.active > .td-t .item a.more,
#hr .hr-table > .tbody > .tr > .td-entrance .item:hover {
  color: #21a8e0;
}
#hr .hr-table > .tbody > .tr > .td-entrance .item .icon {
  display: inline-block;
  font-size: 2.08333333vw;
}
@media (max-width: 980px) {
  #hr .hr-table > .tbody > .tr > .td-entrance .item .icon {
    font-size: 5.33333333vw;
  }
}
#hr .hr-table > .tbody > .tr.active > .td-body,
#hr .hr-table > .tbody > .tr.active > .td-contact {
  display: block;
}
#hr .filter-component {
  position: relative;
  z-index: 100;
}
#hr .filter-component .filter-tit {
  border: 1px solid #fff;
  width: 100%;
  text-align: left;
  padding-left: 8%;
  position: relative;
  color: #fff;
  display: block;
  -webkit-border-radius: 1px;
  border-radius: 1px;
  height: 1.97916667vw;
  line-height: 1.97916667vw;
  font-size: 1.04166667vw;
}
@media (max-width: 980px) {
  #hr .filter-component .filter-tit {
    height: 5.06666667vw;
    line-height: 5.06666667vw;
    font-size: 2.66666667vw;
  }
}
@media screen and (max-width: 980px) {
  #hr .hr-table > .tbody > .tr > .td-entrance .item {
    margin: 0 2%;
  }
  #hr .filter-component .filter-tit {
    height: 3.125vw;
    line-height: 3.125vw;
    font-size: 1.45833333vw;
    border: none;
    margin-top: 2%;
  }
}
@media screen and (max-width: 980px) and (max-width: 980px) {
  #hr .filter-component .filter-tit {
    height: 8vw;
    line-height: 8vw;
    font-size: 3.73333333vw;
  }
}
#hr .filter-component .filter-tit::after {
  position: absolute;
  right: 7%;
  top: 50%;
  content: '';
  display: block;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 0.46875vw;
  width: 0.78125vw;
  background-image: url(../imgs/hr/hr_arrow_down.png);
  background-color: none;
  background-repeat: no-repeat;
  -o-background-size: contain;
  background-size: contain;
  background-position: center center;
}
@media (max-width: 980px) {
  #hr .filter-component .filter-tit::after {
    height: 1.2vw;
    width: 2vw;
  }
}
#hr .filter-component .filter-list {
  position: absolute;
  top: 100%;
  background: #fff;
  width: 100%;
  display: none;
}
#hr .filter-component .filter-list li {
  border-bottom: 1px solid #e0e0e0;
}
#hr .filter-component .filter-list li:last-child {
  border-bottom: none;
}
#hr .filter-component .filter-list a {
  color: #999;
  display: block;
  font-size: 0.72916667vw;
  height: 2.29166667vw;
  line-height: 2.29166667vw;
  text-align: center;
}
@media (max-width: 980px) {
  #hr .filter-component .filter-list a {
    font-size: 1.86666667vw;
    height: 5.86666667vw;
    line-height: 5.86666667vw;
  }
}
#hr .filter-component .filter-list a:hover {
  color: #21a8e0;
}
@media screen and (max-width: 980px) {
  #hr .filter-component .filter-tit::after {
    right: 0;
  }
  #hr .filter-component .filter-list {
    width: 140%;
    left: -20%;
  }
  #hr .filter-component .filter-list a {
    height: 3.125vw;
    line-height: 3.125vw;
  }
}
@media screen and (max-width: 980px) and (max-width: 980px) {
  #hr .filter-component .filter-list a {
    height: 8vw;
    line-height: 8vw;
  }
}
#hr .filter-component.active .filter-tit::after {
  top: 45%;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
#hr .filter-component.active .filter-list {
  display: block;
}
#hr .filter-component.close .filter-tit {
  text-align: center;
  padding: 0;
}
#hr .filter-component.close .filter-tit::after {
  display: none;
}
#hr .caption-bar {
  margin: 5% 0;
  text-align: center;
}
#hr .caption-bar .item {
  display: inline-block;
  margin: 0 10%;
  color: #666;
  position: relative;
}
#hr .caption-bar .item .link-list a:hover,
#hr .caption-bar .item:hover {
  color: #21a8e0;
}
#hr .caption-bar .item .link-list {
  position: absolute;
  bottom: 100%;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  background: #f8f8f8;
  padding: 10px 0;
  width: 10.41666667vw;
  display: none;
}
#hr .caption-bar .item .link-list a {
  display: block;
  font-size: 0.9375vw;
  line-height: 200%;
}
@media (max-width: 980px) {
  #hr .caption-bar .item .link-list {
    width: 26.66666667vw;
  }
  #hr .caption-bar .item .link-list a {
    font-size: 2.4vw;
  }
}
#hr .caption-bar .item:hover .link-list {
  display: block;
}
#hr .caption-bar .item .icon {
  display: inline-block;
  font-size: 2.08333333vw;
}
#index .banner {
  width: 100vw;
  height: 100vh;
  background: #000;
}
@media (max-width: 980px) {
  #hr .caption-bar .item .icon {
    font-size: 5.33333333vw;
  }
  #index .banner {
    width: 256vw;
  }
}
#index .banner .text_con {
  color: #fff;
  left: 8.33333333vw;
  top: 19.375vw;
}
@media screen and (max-width: 980px) {
  #hr .caption-bar .item {
    margin: 0 2%;
  }
  #index .banner {
    width: 100%;
  }
  #index .banner .text_con {
    top: 50%;
    left: 10%;
    width: 80%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
  }
  #index .banner .text_con h2 {
    padding: 0 10%;
    font-weight: 400;
  }
}
#index .banner .text_con h2 {
  position: relative;
  font-size: 2.60416667vw;
  margin: 0 0 0.91145833rem;
}
#index .banner .text_con h2::after {
  position: absolute;
  content: ' ';
  width: 2.08333333vw;
  height: 2px;
  bottom: -0.52083333vw;
  left: 0;
  background-color: #fff;
}
@media (max-width: 980px) {
  #index .banner .text_con h2 {
    font-size: 6.66666667vw;
  }
  #index .banner .text_con h2::after {
    width: 5.33333333vw;
  }
}
#index .banner .text_con p {
  font-size: 0.83333333vw;
  margin: 0 0 1.171875rem;
  text-transform: uppercase;
}
@media (max-width: 980px) {
  #index .banner .text_con p {
    font-size: 2.13333333vw;
  }
}
@media screen and (max-width: 980px) {
  #index .banner .text_con h2::after {
    width: 100%;
    height: 1px;
    bottom: -1.5625vw;
  }
  #index .banner .text_con p {
    margin: 10% 0;
    font-size: 11px;
    padding: 0 5%;
  }
}
#index .banner .text_con a.more {
  display: inline-block;
  width: 13.28125vw;
  height: 2.60416667vw;
  line-height: 2.60416667vw;
  font-size: 0.83333333vw;
  color: #fff;
  -webkit-border-radius: 1.30208333vw;
  border-radius: 1.30208333vw;
  border: 1px solid #fff;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 980px) {
  #index .banner .text_con a.more {
    width: 34vw;
    height: 6.66666667vw;
    line-height: 6.66666667vw;
    font-size: 2.13333333vw;
  }
}
#index .banner .text_con a.more:hover {
  background: #2da9de;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  border: 0.10416667vw solid #2da9de;
}
@media screen and (max-width: 980px) {
  #index .banner .text_con a.more {
    width: 50%;
    height: 40px;
    line-height: 40px;
    color: #fff;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    font-size: 14px;
  }
}
#index .banner .notice {
  height: 3.64583333vw;
  line-height: 3.64583333vw;
  color: #fff;
  width: 100%;
  bottom: 0;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.6);
}
@media (max-width: 980px) {
  #index .banner .notice {
    height: 9.33333333vw;
    line-height: 9.33333333vw;
  }
}
@media screen and (max-width: 980px) {
  #index .banner .notice {
    height: 45px;
    line-height: 45px;
    font-size: 13px;
    padding-left: 12%;
  }
}
#index .banner .notice .horn_icon {
  width: 1.09375vw;
  height: 0.98958333vw;
  margin: 0.65104167rem 0.65104167rem 0 0;
  background-image: url(../imgs/icons/horn_icon.png);
  background-color: none;
  background-repeat: no-repeat;
  -o-background-size: contain;
  background-size: contain;
  background-position: center center;
}
@media (max-width: 980px) {
  #index .banner .notice .horn_icon {
    width: 2.8vw;
    height: 2.53333333vw;
  }
}
@media screen and (max-width: 980px) {
  #index .banner .notice .horn_icon {
    width: 2.5vw;
    height: 2.23958333vw;
    margin: 0 0.65104167rem 0 1.04166667rem;
    position: absolute;
    top: 50%;
    left: 1%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}
@media screen and (max-width: 980px) and (max-width: 980px) {
  #index .banner .notice .horn_icon {
    width: 6.4vw;
    height: 5.73333333vw;
  }
}
#index .banner .notice .tit {
  margin: 0 0.52083333rem 0 0;
}
#index .banner .notice .tit span {
  padding: 0 0 0 0.52083333rem;
  color: rgba(255, 255, 255, 0.5);
}
#index .banner .notice .notice_swiper {
  width: 27.86458333vw;
}
#index .banner .notice .notice_swiper .swiper-slide {
  height: 3.64583333vw;
}
@media (max-width: 980px) {
  #index .banner .notice .notice_swiper {
    width: 71.33333333vw;
  }
  #index .banner .notice .notice_swiper .swiper-slide {
    height: 9.33333333vw;
  }
}
@media screen and (max-width: 980px) {
  #index .banner .notice .tit {
    margin: 0 0.52083333rem 0 0.26041667rem;
  }
  #index .banner .notice .tit span {
    display: none;
  }
  #index .banner .notice .notice_swiper {
    margin: 0 0 0 0.26041667rem;
    width: 70%;
  }
  #index .banner .notice .notice_swiper .swiper-slide {
    height: auto;
    width: 100%;
  }
  #index .banner .notice .notice_swiper .swiper-slide span {
    display: none;
  }
}
#index .banner .notice .notice_swiper .swiper-slide a {
  color: #fff;
  float: left;
  margin: 0 1.04166667rem 0 0;
  width: 39.32291667vw;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
}
@media (max-width: 980px) {
  #index .banner .notice .notice_swiper .swiper-slide a {
    width: 100.66666667vw;
  }
}
#index .banner .notice .notice_swiper .swiper-slide span {
  float: right;
}
#index .banner .notice .notice_swiper .swiper-slide:hover,
#index .banner .notice .notice_swiper .swiper-slide:hover a {
  color: #2da9de;
}
#index .banner .notice .arrow-btn {
  width: 3.64583333vw;
  height: 3.64583333vw;
  display: block;
  color: #c5c5c5;
  font-size: 1.5625vw;
}
@media (max-width: 980px) {
  #index .banner .notice .arrow-btn {
    width: 9.33333333vw;
    height: 9.33333333vw;
    font-size: 4vw;
  }
}
#index .banner .notice .arrow-btn:hover {
  color: #fff;
  background-color: rgba(0, 0, 0, 0.3);
}
#index .banner .notice .arrow-btn.arrow-left {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
#index .banner .notice .arrow-btn.arrow-right {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
#index .banner .slide_box {
  width: 100vw;
  height: 100vh;
  background-image: url(none);
  background-color: none;
  background-repeat: no-repeat;
  -o-background-size: cover;
  background-size: cover;
  background-position: right center;
}
@media (max-width: 980px) {
  #index .banner .slide_box {
    width: 256vw;
  }
}
#index .banner .pagination {
  position: absolute;
  z-index: 20;
  left: 8.33333333vw;
  bottom: 5.98958333vw;
}
@media screen and (max-width: 980px) {
  #index .banner .notice .arrow-btn {
    display: none;
  }
  #index .banner .slide_box {
    opacity: 0.5;
    width: 100%;
  }
  #index .banner .pagination {
    left: 0;
    width: 100%;
    text-align: center;
    bottom: 60px;
  }
}
#index .banner .swiper-pagination-switch {
  display: inline-block;
  width: 8px;
  height: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  margin: 0 5px;
  opacity: 0.8;
  border: 1px solid #fff;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#index .banner .swiper-active-switch {
  width: 1.5625vw;
  background: #2da9de;
  border: 1px solid transparent;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 980px) {
  #index .banner .swiper-active-switch {
    width: 4vw;
  }
}
@media screen and (max-width: 980px) {
  #index .banner .swiper-active-switch {
    width: 3.64583333vw;
  }
  #index #block2 .block_tit {
    border: none;
    margin-bottom: 10%;
  }
}
@media screen and (max-width: 980px) and (max-width: 980px) {
  #index .banner .swiper-active-switch {
    width: 9.33333333vw;
  }
}
#index #block2 {
  background: #efefef;
}
#index #block2 .product_top {
  width: 100vw;
  height: 20.46875vw;
  background-image: url(../imgs/index_product_bg.jpg);
  background-color: #efefef;
  background-repeat: no-repeat;
  -o-background-size: cover;
  background-size: cover;
  background-position: top center;
  overflow: hidden;
}
@media (max-width: 980px) {
  #index #block2 .product_top {
    width: 256vw;
    height: 52.4vw;
  }
}
@media screen and (max-width: 980px) {
  #index #block2 .product_top {
    width: 100%;
    height: auto;
    padding: 8% 0 20%;
    background-image: url(../imgs/index_product_bg.jpg);
    background-color: #191b20;
    background-repeat: no-repeat;
    background-position: bottom center;
    -o-background-size: 210%;
    background-size: 210%;
  }
}
#index #block2 .product_top .swiper-container {
  margin: 1.171875rem 0 0;
}
#index #block2 .product_top .swiper-container .swiper-slide {
  height: 10.41666667vw;
  overflow: hidden;
  opacity: 0;
  -webkit-transition: all 0.8s;
  -o-transition: all 0.8s;
  transition: all 0.8s;
}
@media (max-width: 980px) {
  #index #block2 .product_top .swiper-container .swiper-slide {
    height: 26.66666667vw;
  }
}
#index
  #block2
  .product_top
  .swiper-container
  .swiper-slide.swiper-slide-active {
  opacity: 1;
  -webkit-transition: all 0.8s;
  -o-transition: all 0.8s;
  transition: all 0.8s;
}
#index #block2 .product_top .swiper-container .swiper-slide a {
  width: 20%;
  margin: 0 3%;
  font-size: 15px;
  vertical-align: top;
  color: #fff;
  display: inline-block;
}
@media screen and (max-width: 980px) {
  #index #block2 .product_top .swiper-container .swiper-slide {
    height: 100px;
  }
  #index #block2 .product_top .swiper-container .swiper-slide a {
    width: 20%;
    margin: 0 3%;
    font-size: 14px;
  }
}
#index #block2 .product_top .swiper-container .swiper-slide a .icon {
  width: 80px;
  height: 80px;
  line-height: 80px;
  font-size: 40px;
  display: block;
  margin: 0 auto 10px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid #333;
}
@media screen and (max-width: 980px) {
  #index #block2 .product_top .swiper-container .swiper-slide a .icon {
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 30px;
  }
}
#index #block2 .product_top .swiper-container .swiper-slide a:hover {
  color: #2da9de;
}
#index #block2 .product_top .swiper-container .swiper-slide a:hover .icon {
  border-color: #21a8e0;
}
#index #block2 .product_bottom {
  padding: 1.30208333rem 0 0;
}
#index #block2 .product_bottom .product_class_des {
  margin: 0 0 1.5625rem;
}
#index #block2 .product_bottom .product_class_des .swiper-slide {
  height: 100%;
  overflow: hidden;
  opacity: 0;
  -webkit-transition: all 0.8s;
  -o-transition: all 0.8s;
  transition: all 0.8s;
}
#index
  #block2
  .product_bottom
  .product_class_des
  .swiper-slide.swiper-slide-active {
  opacity: 1;
  -webkit-transition: all 0.8s;
  -o-transition: all 0.8s;
  transition: all 0.8s;
}
@media screen and (max-width: 980px) {
  #index #block2 .product_bottom .product_class_des .swiper-slide {
    height: auto;
  }
  #index #block2 .product_bottom .product_class_des h3::after {
    display: none;
  }
}
#index #block2 .product_bottom .product_class_des h3 {
  font-size: 2.1875vw;
  line-height: 4.94791667vw;
  position: relative;
}
#index #block2 .product_bottom .product_class_des h3::after {
  width: 2.08333333vw;
  position: absolute;
  content: ' ';
  height: 1px;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #000;
}
@media (max-width: 980px) {
  #index #block2 .product_bottom .product_class_des h3 {
    font-size: 5.6vw;
    line-height: 12.66666667vw;
  }
  #index #block2 .product_bottom .product_class_des h3::after {
    width: 5.33333333vw;
  }
}
#index #block2 .product_bottom .product_class_des .des {
  font-size: 0.83333333vw;
  margin: 0.52083333rem 0 0.78125rem;
}
#index #block2 .product_bottom .product_class_des a.more {
  width: 13.28125vw;
  height: 2.91666667vw;
  line-height: 2.91666667vw;
  display: inline-block;
  background: #2da9de;
  color: #fff;
  -webkit-border-radius: 1.45833333vw;
  border-radius: 1.45833333vw;
}
@media (max-width: 980px) {
  #index #block2 .product_bottom .product_class_des .des {
    font-size: 2.13333333vw;
  }
  #index #block2 .product_bottom .product_class_des a.more {
    width: 34vw;
    height: 7.46666667vw;
    line-height: 7.46666667vw;
  }
}
#index #block2 .product_bottom .product_class_des a.more:hover {
  background: #2da9de;
}
@media screen and (max-width: 980px) {
  #index #block2 .product_bottom .product_class_des .des {
    font-size: 14px;
  }
  #index #block2 .product_bottom .product_class_des a.more {
    width: 40%;
    height: 40px;
    line-height: 40px;
    color: #fff;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    margin: 9% 0 5%;
  }
  #index #block2 .product_bottom .product_class {
    margin-bottom: 5%;
    padding-bottom: 20%;
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
  }
}
#index #block2 .product_bottom .product_class .arrow-left,
#index #block2 .product_bottom .product_class .arrow-right {
  cursor: pointer;
  position: absolute;
  top: 1.5625vw;
  width: 2.29166667vw;
  height: 2.29166667vw;
}
@media (max-width: 980px) {
  #index #block2 .product_bottom .product_class .arrow-left,
  #index #block2 .product_bottom .product_class .arrow-right {
    width: 5.86666667vw;
    height: 5.86666667vw;
  }
}
@media screen and (max-width: 980px) {
  #index #block2 .product_bottom .product_class .arrow-left,
  #index #block2 .product_bottom .product_class .arrow-right {
    width: 5.20833333vw;
    height: 5.20833333vw;
    top: 14.58333333vw;
  }
}
@media screen and (max-width: 980px) and (max-width: 980px) {
  #index #block2 .product_bottom .product_class .arrow-left,
  #index #block2 .product_bottom .product_class .arrow-right {
    width: 13.33333333vw;
    height: 13.33333333vw;
  }
}
#index #block2 .product_bottom .product_class .arrow-left {
  left: 0;
  background-image: url(../imgs/icons/arrow_btn_left_icon.png);
  background-color: none;
  background-repeat: no-repeat;
  -o-background-size: contain;
  background-size: contain;
  background-position: center center;
}
#index #block2 .product_bottom .product_class .arrow-right {
  right: 0;
  background-image: url(../imgs/icons/arrow_btn_right_icon.png);
  background-color: none;
  background-repeat: no-repeat;
  -o-background-size: contain;
  background-size: contain;
  background-position: center center;
}
#index #block2 .product_bottom .product_class .swiper-container {
  margin: 0 auto;
  width: 52.08333333vw;
}
#index #block2 .product_bottom .product_class .swiper-container .swiper-slide {
  height: 9.375vw;
  overflow: hidden;
  cursor: pointer;
}
@media (max-width: 980px) {
  #index #block2 .product_bottom .product_class .swiper-container {
    width: 133.33333333vw;
  }
  #index
    #block2
    .product_bottom
    .product_class
    .swiper-container
    .swiper-slide {
    height: 24vw;
  }
}
@media screen and (max-width: 980px) {
  #index #block2 .product_bottom .product_class .arrow-left {
    left: 30%;
  }
  #index #block2 .product_bottom .product_class .arrow-right {
    right: 30%;
  }
  #index #block2 .product_bottom .product_class .swiper-container {
    width: 90%;
  }
  #index
    #block2
    .product_bottom
    .product_class
    .swiper-container
    .swiper-slide {
    height: auto;
  }
}
#index
  #block2
  .product_bottom
  .product_class
  .swiper-container
  .swiper-slide
  .thumb {
  margin: 0 0.078125rem 0.390625rem;
  background: #333;
}
#index
  #block2
  .product_bottom
  .product_class
  .swiper-container
  .swiper-slide
  .thumb
  img {
  width: 100%;
  opacity: 0.1;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#index
  #block2
  .product_bottom
  .product_class
  .swiper-container
  .swiper-slide
  .tit {
  font-size: 16px;
  padding: 0 0.78125rem 0.26041667rem;
  display: inline-block;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  border-bottom: 2px solid #efefef;
}
#index
  #block2
  .product_bottom
  .product_class
  .swiper-container
  .swiper-slide.active
  .thumb
  img {
  opacity: 1;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#index
  #block2
  .product_bottom
  .product_class
  .swiper-container
  .swiper-slide.active
  .tit {
  color: #2da9de;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  border-bottom: 2px solid #2da9de;
}
#index #block3 {
  position: relative;
}
#index #block3 .block_tit {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}
#index #block3 .block_tit span.en {
  color: rgba(255, 255, 255, 0.5);
}
@media screen and (max-width: 980px) {
  #index
    #block2
    .product_bottom
    .product_class
    .swiper-container
    .swiper-slide
    .tit {
    font-size: 14px;
  }
  #index #block3 .block_tit {
    position: relative;
    background: #efefef;
    text-align: left;
    padding-left: 3%;
  }
  #index #block3 .block_tit span.en {
    margin-left: 15%;
    color: rgba(0, 0, 0, 0.5);
  }
}
#index #block3 .block_tit a,
#index #block3 .block_tit h2 {
  color: #fff;
}
@media screen and (max-width: 980px) {
  #index #block3 .block_tit a,
  #index #block3 .block_tit h2 {
    color: #000;
  }
  #index #block3 .block3_swiper .swiper-slide {
    height: 104.16666667vw;
  }
}
#index #block3 .block_tit a:hover {
  color: #2da9de;
}
#index #block3 .block3_swiper {
  background: #000;
}
#index #block3 .block3_swiper .swiper-slide {
  position: relative;
}
#index #block3 .block3_swiper .swiper-slide .into {
  position: absolute;
  text-align: center;
  -webkit-transition: all 0.6s;
  -o-transition: all 0.6s;
  transition: all 0.6s;
  color: #fff;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
#index #block3 .block3_swiper .swiper-slide .into > a.more {
  width: 9.375vw;
  height: 2.60416667vw;
  line-height: 2.60416667vw;
  font-size: 0.83333333vw;
  text-align: center;
  -webkit-border-radius: 1.30208333vw;
  border-radius: 1.30208333vw;
  border: 1px solid #fff;
  display: inline-block;
  color: #fff;
  position: absolute;
  left: 50%;
  bottom: 20%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
@media (max-width: 980px) {
  #index #block3 .block3_swiper .swiper-slide .into > a.more {
    width: 24vw;
    height: 6.66666667vw;
    line-height: 6.66666667vw;
    font-size: 2.13333333vw;
  }
}
@media screen and (max-width: 980px) {
  #index #block3 .block3_swiper .swiper-slide .into > a.more {
    width: 40%;
    height: 40px;
    line-height: 40px;
    color: #fff;
    font-size: 14px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    bottom: 10%;
  }
}
#index #block3 .block3_swiper .swiper-slide .into > a.more:hover {
  background: #fff;
  color: #2da9de;
}
#index #block3 .block3_swiper .swiper-slide .into > div {
  position: absolute;
  left: 0;
  width: 100%;
  top: 30%;
}
#index #block3 .block3_swiper .swiper-slide .into > div h3 {
  font-size: 1.875vw;
  height: 3.64583333vw;
  margin: 0 0 2.08333333rem;
  position: relative;
}
@media (max-width: 980px) {
  #index #block3 .block3_swiper .swiper-slide .into > div h3 {
    font-size: 4.8vw;
    height: 9.33333333vw;
  }
}
@media screen and (max-width: 980px) {
  #index #block3 .block3_swiper .swiper-slide .into > div {
    top: 15%;
  }
  #index #block3 .block3_swiper .swiper-slide .into > div h3 {
    font-size: 30px;
    margin: 0 0 3.90625rem;
  }
}
#index #block3 .block3_swiper .swiper-slide .into > div h3::after {
  position: absolute;
  display: block;
  content: ' ';
  width: 2.34375vw;
  height: 1px;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: rgba(255, 255, 255, 0.5);
}
#index #block3 .block3_swiper .swiper-slide .into > div .des {
  font-size: 0.83333333vw;
  padding: 0 1.5625rem;
  line-height: 1.5625vw;
}
@media (max-width: 980px) {
  #index #block3 .block3_swiper .swiper-slide .into > div h3::after {
    width: 6vw;
    display: none;
  }
  #index #block3 .block3_swiper .swiper-slide .into > div .des {
    font-size: 2.13333333vw;
    line-height: 4vw;
  }
}
#index #block3 .block3_swiper .swiper-slide .thumb {
  width: 100%;
  height: 100%;
  opacity: 0.5;
  -webkit-transition: all 0.6s;
  -o-transition: all 0.6s;
  transition: all 0.6s;
  overflow: hidden;
}
#index #block3 .block3_swiper .swiper-slide .thumb > div {
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.6s;
  -o-transition: all 0.6s;
  transition: all 0.6s;
  background-image: url(none);
  background-color: none;
  background-repeat: no-repeat;
  -o-background-size: cover;
  background-size: cover;
  background-position: center center;
}
#index #block3 .block3_swiper .swiper-slide.swiper-slide-active:hover .into {
  left: 100%;
  -webkit-transition: all 0.6s;
  -o-transition: all 0.6s;
  transition: all 0.6s;
  background: #2da9de;
}
#index #block3 .block3_swiper .swiper-slide:hover {
  z-index: 30;
}
#index #block3 .block3_swiper .swiper-slide:hover .thumb {
  opacity: 1;
  -webkit-transition: all 0.6s;
  -o-transition: all 0.6s;
  transition: all 0.6s;
}
@media screen and (max-width: 980px) {
  #index #block3 .block3_swiper .swiper-slide .into > div .des {
    font-size: 14px;
    line-height: 180%;
  }
  #index #block3 .block3_swiper .swiper-slide.swiper-slide-active:hover .into {
    left: 0;
    background: 0 0;
  }
  #index #block3 .block3_swiper .swiper-slide:hover .thumb {
    opacity: 0.5;
  }
}
#index #block3 .block3_swiper .swiper-slide:hover .thumb > div {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: all 0.6s;
  -o-transition: all 0.6s;
  transition: all 0.6s;
}
#index #block3 .block3_swiper .swiper-slide:hover .into {
  left: -100%;
  -webkit-transition: all 0.6s;
  -o-transition: all 0.6s;
  transition: all 0.6s;
  background: #2da9de;
}
#index #block3 .block3_swiper .arrow_left,
#index #block3 .block3_swiper .arrow_right {
  cursor: pointer;
  position: absolute;
  bottom: 4.16666667vw;
  width: 2.29166667vw;
  height: 2.29166667vw;
  display: none;
}
@media (max-width: 980px) {
  #index #block3 .block3_swiper .arrow_left,
  #index #block3 .block3_swiper .arrow_right {
    width: 5.86666667vw;
    height: 5.86666667vw;
  }
}
@media screen and (max-width: 980px) {
  #index #block3 .block3_swiper .swiper-slide:hover .into {
    left: 0;
    background: 0 0;
  }
  #index #block3 .block3_swiper .arrow_left,
  #index #block3 .block3_swiper .arrow_right {
    bottom: 30px;
    width: 33px;
    height: 33px;
  }
}
#index #block3 .block3_swiper .arrow_left {
  left: 50%;
  margin-left: -3.125vw;
  background-image: url(../imgs/icons/arrow_btn_left_white_icon.png);
  background-color: none;
  background-repeat: no-repeat;
  -o-background-size: contain;
  background-size: contain;
  background-position: center center;
}
#index #block3 .block3_swiper .arrow_right {
  right: 50%;
  margin-right: -3.125vw;
  background-image: url(../imgs/icons/arrow_btn_right_white_icon.png);
  background-color: none;
  background-repeat: no-repeat;
  -o-background-size: contain;
  background-size: contain;
  background-position: center center;
}
#index #block4 {
  position: relative;
  background: #f8f8f8;
}
#index #block4 .block_tit {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}
#index #block4 .block_tit span.en {
  color: rgba(0, 0, 0, 0.5);
}
@media screen and (max-width: 980px) {
  #index #block3 .block3_swiper .arrow_left {
    margin-left: -20.83333333vw;
  }
  #index #block3 .block3_swiper .arrow_right {
    margin-right: -20.83333333vw;
  }
  #index #block4 .block_tit {
    position: relative;
    background: #efefef;
    text-align: left;
    padding-left: 3%;
  }
  #index #block4 .block_tit span.en {
    margin-left: 15%;
    color: rgba(0, 0, 0, 0.5);
  }
}
#index #block4 .block_tit a,
#index #block4 .block_tit h2 {
  color: #000;
}
#index #block4 .block_tit a:hover {
  color: #2da9de;
}
#index #block4 #block4_swiper {
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 980px) {
  #index #block4 #block4_swiper {
    height: auto;
  }
}
#index #block4 #block4_swiper .swiper-slide {
  width: 100%;
  height: 100vh;
}
@media screen and (max-width: 980px) {
  #index #block4 #block4_swiper .swiper-slide {
    height: auto;
  }
}
#index #block4 #block4_swiper .swiper-slide .thumb {
  width: 50%;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  overflow: hidden;
}
@media screen and (max-width: 980px) {
  #index #block4 #block4_swiper .swiper-slide .thumb {
    position: static;
    width: 100%;
    height: 44.01041667vw;
  }
}
@media screen and (max-width: 980px) and (max-width: 980px) {
  #index #block4 #block4_swiper .swiper-slide .thumb {
    height: 112.66666667vw;
  }
}
#index #block4 #block4_swiper .swiper-slide .thumb > div {
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.6s;
  -o-transition: all 0.6s;
  transition: all 0.6s;
  background-image: url(none);
  background-color: none;
  background-repeat: no-repeat;
  -o-background-size: cover;
  background-size: cover;
  background-position: center center;
}
#index #block4 #block4_swiper .swiper-slide .thumb:hover > div {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: all 0.6s;
  -o-transition: all 0.6s;
  transition: all 0.6s;
}
#index #block4 #block4_swiper .swiper-slide .pr_con {
  height: 100%;
  padding: 4.81770833rem 0 0;
}
#index #block4 #block4_swiper .swiper-slide .pr_con .switch_box {
  width: 41.66666667vw;
}
@media (max-width: 980px) {
  #index #block4 #block4_swiper .swiper-slide .pr_con .switch_box {
    width: 106.66666667vw;
  }
}
@media screen and (max-width: 980px) {
  #index #block4 #block4_swiper .swiper-slide .pr_con {
    height: auto;
  }
  #index #block4 #block4_swiper .swiper-slide .pr_con .switch_box {
    width: 95%;
    margin: 0 auto;
    text-align: center;
  }
}
#index
  #block4
  #block4_swiper
  .swiper-slide
  .pr_con
  .switch_box
  .switch_box_tabs {
  overflow: hidden;
  margin: 0 0 2.60416667rem;
}
#index
  #block4
  #block4_swiper
  .swiper-slide
  .pr_con
  .switch_box
  .switch_box_tabs
  a {
  font-size: 1.25vw;
  margin: 0 1.30208333rem 0 0;
  padding: 0 0 0.13020833rem;
  display: inline-block;
  color: rgba(0, 0, 0, 0.5);
}
@media (max-width: 980px) {
  #index
    #block4
    #block4_swiper
    .swiper-slide
    .pr_con
    .switch_box
    .switch_box_tabs
    a {
    font-size: 3.2vw;
  }
}
#index
  #block4
  #block4_swiper
  .swiper-slide
  .pr_con
  .switch_box
  .switch_box_tabs
  a.active {
  border-bottom: 2px solid #2da9de;
}
#index
  #block4
  #block4_swiper
  .swiper-slide
  .pr_con
  .switch_box
  .switch_box_con
  .swiper-slide
  .tit_box {
  padding-right: 5%;
  opacity: 0;
  -webkit-transform: translateY(-80px);
  -ms-transform: translateY(-80px);
  -o-transform: translateY(-80px);
  transform: translateY(-80px);
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
@media screen and (max-width: 980px) {
  #index
    #block4
    #block4_swiper
    .swiper-slide
    .pr_con
    .switch_box
    .switch_box_tabs
    a,
  #index
    #block4
    #block4_swiper
    .swiper-slide
    .pr_con
    .switch_box
    .switch_box_tabs
    a.active {
    font-size: 18px;
  }
  #index
    #block4
    #block4_swiper
    .swiper-slide
    .pr_con
    .switch_box
    .switch_box_con
    .swiper-slide
    .tit_box {
    padding-right: 0;
  }
}
#index
  #block4
  #block4_swiper
  .swiper-slide
  .pr_con
  .switch_box
  .switch_box_con
  .swiper-slide
  .tit_box
  .tit {
  font-size: 2.08333333vw;
  margin: 0 0 0.26041667rem;
}
@media (max-width: 980px) {
  #index
    #block4
    #block4_swiper
    .swiper-slide
    .pr_con
    .switch_box
    .switch_box_con
    .swiper-slide
    .tit_box
    .tit {
    font-size: 5.33333333vw;
  }
}
#index
  #block4
  #block4_swiper
  .swiper-slide
  .pr_con
  .switch_box
  .switch_box_con
  .swiper-slide
  .tit_box
  .tit_des {
  font-size: 0.83333333vw;
  color: rgba(0, 0, 0, 0.5);
}
@media (max-width: 980px) {
  #index
    #block4
    #block4_swiper
    .swiper-slide
    .pr_con
    .switch_box
    .switch_box_con
    .swiper-slide
    .tit_box
    .tit_des {
    font-size: 2.13333333vw;
  }
}
#index
  #block4
  #block4_swiper
  .swiper-slide
  .pr_con
  .switch_box
  .switch_box_con
  .swiper-slide
  .con_list {
  -webkit-transform: translateY(-80px);
  -ms-transform: translateY(-80px);
  -o-transform: translateY(-80px);
  transform: translateY(-80px);
  -webkit-transition: all 0.5s ease-in-out 0.5s;
  -o-transition: all 0.5s ease-in-out 0.5s;
  transition: all 0.5s ease-in-out 0.5s;
  opacity: 0;
}
#index
  #block4
  #block4_swiper
  .swiper-slide
  .pr_con
  .switch_box
  .switch_box_con
  .swiper-slide
  .con_list
  li {
  margin: 2.08333333rem 1.04166667rem 0 0;
  display: inline-block;
  vertical-align: top;
}
#index
  #block4
  #block4_swiper
  .swiper-slide
  .pr_con
  .switch_box
  .switch_box_con
  .swiper-slide
  .con_list
  li:nth-child(3) {
  margin: 2.08333333rem 0 0;
}
@media screen and (max-width: 980px) {
  #index
    #block4
    #block4_swiper
    .swiper-slide
    .pr_con
    .switch_box
    .switch_box_con
    .swiper-slide
    .tit_box
    .tit_des {
    font-size: 14px;
    padding-right: 5%;
  }
  #index
    #block4
    #block4_swiper
    .swiper-slide
    .pr_con
    .switch_box
    .switch_box_con
    .swiper-slide
    .con_list
    li {
    width: 30%;
    margin: 2.08333333rem 0.78125rem 0 0;
  }
}
#index
  #block4
  #block4_swiper
  .swiper-slide
  .pr_con
  .switch_box
  .switch_box_con
  .swiper-slide
  .con_list
  li
  .strong {
  font-size: 2.5vw;
}
@media (max-width: 980px) {
  #index
    #block4
    #block4_swiper
    .swiper-slide
    .pr_con
    .switch_box
    .switch_box_con
    .swiper-slide
    .con_list
    li
    .strong {
    font-size: 6.4vw;
  }
}
@media screen and (max-width: 980px) {
  #index
    #block4
    #block4_swiper
    .swiper-slide
    .pr_con
    .switch_box
    .switch_box_con
    .swiper-slide
    .con_list
    li
    .strong {
    font-size: 2.08333333vw;
  }
}
@media screen and (max-width: 980px) and (max-width: 980px) {
  #index
    #block4
    #block4_swiper
    .swiper-slide
    .pr_con
    .switch_box
    .switch_box_con
    .swiper-slide
    .con_list
    li
    .strong {
    font-size: 5.33333333vw;
  }
}
#index
  #block4
  #block4_swiper
  .swiper-slide
  .pr_con
  .switch_box
  .switch_box_con
  .swiper-slide
  .con_list
  li
  .icon
  img {
  height: 2.29166667vw;
}
#index
  #block4
  #block4_swiper
  .swiper-slide
  .pr_con
  .switch_box
  .switch_box_con
  .swiper-slide
  .con_list
  li
  .txt {
  margin: 0.52083333rem 0 0;
  font-size: 0.83333333vw;
  color: rgba(0, 0, 0, 0.5);
}
@media (max-width: 980px) {
  #index
    #block4
    #block4_swiper
    .swiper-slide
    .pr_con
    .switch_box
    .switch_box_con
    .swiper-slide
    .con_list
    li
    .icon
    img {
    height: 5.86666667vw;
  }
  #index
    #block4
    #block4_swiper
    .swiper-slide
    .pr_con
    .switch_box
    .switch_box_con
    .swiper-slide
    .con_list
    li
    .txt {
    font-size: 2.13333333vw;
  }
}
#index
  #block4
  #block4_swiper
  .swiper-slide
  .pr_con
  .switch_box
  .switch_box_con
  .swiper-slide
  a.more {
  width: 13.28125vw;
  height: 2.91666667vw;
  line-height: 2.91666667vw;
  margin: 2.08333333rem 0 0;
  opacity: 0;
  display: inline-block;
  background: #2da9de;
  color: #fff;
  -webkit-border-radius: 1.45833333vw;
  border-radius: 1.45833333vw;
  -webkit-transform: translateY(-80px);
  -ms-transform: translateY(-80px);
  -o-transform: translateY(-80px);
  transform: translateY(-80px);
  -webkit-transition: all 0.5s ease-in-out 1s;
  -o-transition: all 0.5s ease-in-out 1s;
  transition: all 0.5s ease-in-out 1s;
}
@media (max-width: 980px) {
  #index
    #block4
    #block4_swiper
    .swiper-slide
    .pr_con
    .switch_box
    .switch_box_con
    .swiper-slide
    a.more {
    width: 34vw;
    height: 7.46666667vw;
    line-height: 7.46666667vw;
  }
}
#index
  #block4
  #block4_swiper
  .swiper-slide
  .pr_con
  .switch_box
  .switch_box_con
  .swiper-slide
  a.more:hover {
  background: #2da9de;
}
@media screen and (max-width: 980px) {
  #index
    #block4
    #block4_swiper
    .swiper-slide
    .pr_con
    .switch_box
    .switch_box_con
    .swiper-slide
    .con_list
    li
    .txt {
    font-size: 14px;
  }
  #index
    #block4
    #block4_swiper
    .swiper-slide
    .pr_con
    .switch_box
    .switch_box_con
    .swiper-slide
    a.more {
    width: 50%;
    height: 40px;
    line-height: 40px;
    color: #fff;
    -webkit-border-radius: 20px;
    border-radius: 20px;
  }
}
#index
  #block4
  #block4_swiper
  .swiper-slide
  .pr_con
  .switch_box
  .switch_box_con
  .swiper-slide.swiper-slide-active
  .tit_box {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
#index
  #block4
  #block4_swiper
  .swiper-slide
  .pr_con
  .switch_box
  .switch_box_con
  .swiper-slide.swiper-slide-active
  .con_list {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: all 0.5s ease-in-out 0.3s;
  -o-transition: all 0.5s ease-in-out 0.3s;
  transition: all 0.5s ease-in-out 0.3s;
}
#index
  #block4
  #block4_swiper
  .swiper-slide
  .pr_con
  .switch_box
  .switch_box_con
  .swiper-slide.swiper-slide-active
  a.more {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: all 0.5s ease-in-out 0.7s;
  -o-transition: all 0.5s ease-in-out 0.7s;
  transition: all 0.5s ease-in-out 0.7s;
}
#index #block4 #block4_swiper .pagination {
  width: 50%;
  height: 10px;
  position: absolute;
  right: 0;
  bottom: 10%;
  z-index: 1130;
}
@media screen and (max-width: 980px) {
  #index #block4 #block4_swiper .pagination {
    bottom: auto;
    top: 100vw;
    width: 100%;
  }
}
#index #block4 #block4_swiper .pagination span {
  font-size: 0.72916667vw;
  position: relative;
  text-indent: -3%;
  text-align: left;
  display: inline-block;
  width: 20%;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
}
#index #block4 #block4_swiper .pagination span.active::before {
  position: absolute;
  display: block;
  content: ' ';
  height: 2px;
  width: 100%;
  left: 0;
  top: -2px;
  background: #2da9de;
}
#index #block4 #block4_swiper .arrow_left,
#index #block4 #block4_swiper .arrow_right,
#index #block5 .block_con {
  background-color: none;
  background-repeat: no-repeat;
  background-position: center center;
}
#index #block4 #block4_swiper .arrow_left,
#index #block4 #block4_swiper .arrow_right {
  cursor: pointer;
  position: absolute;
  bottom: 4.16666667vw;
  width: 2.29166667vw;
  height: 2.29166667vw;
}
@media (max-width: 980px) {
  #index #block4 #block4_swiper .pagination span {
    font-size: 1.86666667vw;
  }
  #index #block4 #block4_swiper .arrow_left,
  #index #block4 #block4_swiper .arrow_right {
    width: 5.86666667vw;
    height: 5.86666667vw;
  }
}
#index #block4 #block4_swiper .arrow_left {
  left: 50%;
  margin-left: -8.33333333vw;
  -webkit-transform: translateX(-340%);
  -ms-transform: translateX(-340%);
  -o-transform: translateX(-340%);
  transform: translateX(-340%);
  background-image: url(../imgs/icons/arrow_btn_left_icon.png);
  -o-background-size: contain;
  background-size: contain;
}
#index #block4 #block4_swiper .arrow_right {
  right: 52%;
  background-image: url(../imgs/icons/arrow_btn_right_icon.png);
  -o-background-size: contain;
  background-size: contain;
}
@media screen and (max-width: 980px) {
  #index #block4 #block4_swiper .pagination span {
    text-align: center;
    padding-top: 3%;
    color: #fff;
    border-color: #626669;
  }
  #index #block4 #block4_swiper .arrow_left,
  #index #block4 #block4_swiper .arrow_right {
    bottom: 6.66666667vw;
    top: auto;
    width: 33px;
    height: 33px;
  }
  #index #block4 #block4_swiper .arrow_left {
    left: 40%;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    margin-left: 0;
  }
  #index #block4 #block4_swiper .arrow_right {
    margin-left: 0;
    right: 40%;
    left: auto;
    margin-right: 0;
  }
  #index #block5 .block_con {
    padding: 0.78125rem 0 0.52083333rem;
  }
}
#index #block5 .block_con {
  width: 100%;
  height: 100%;
  background-image: url(none);
  -o-background-size: cover;
  background-size: cover;
}
#index #block5 .block_con .block_top > div {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  padding: 0 0 1.30208333rem;
}
#index #block5 .block_con .block_top > div .about {
  width: 50vw;
  font-size: 0.72916667vw;
  line-height: 1.82291667vw;
  color: #fff;
}
#index #block5 .block_con .block_top > div .about p{
  margin-bottom: .5em;
  text-align: justify;
}
@media (max-width: 980px) {
  #index #block5 .block_con .block_top > div .about {
    width: 107.33333333vw;
    font-size: 1.86666667vw;
    line-height: 4.66666667vw;
  }
}
@media screen and (max-width: 980px) {
  #index #block5 .block_con .block_top > div .about {
    width: 80%;
    float: none;
    margin: 0 auto 10%;
    font-size: 14px;
    line-height: 180%;
  }
}
#index #block5 .block_con .block_top > div .concat_link {
  font-size: 0.72916667vw;
  line-height: 1.5625vw;
  padding: 0 0.390625rem;
  border: 1px solid rgba(255, 255, 255, 0.2);
}
@media (max-width: 980px) {
  #index #block5 .block_con .block_top > div .concat_link {
    font-size: 1.86666667vw;
    line-height: 4vw;
  }
}
@media screen and (max-width: 980px) {
  #index #block5 .block_con .block_top > div .concat_link {
    float: none;
    width: 81%;
    margin: 0 auto;
    padding: 0 0.65104167rem 0 2.34375rem;
    line-height: 2.60416667vw;
    border: 1px solid #fff;
  }
  #index #block5 .block_con .block_top > div .concat_link a {
    font-size: 14px;
    color: #fff !important;
  }
}
@media screen and (max-width: 980px) and (max-width: 980px) {
  #index #block5 .block_con .block_top > div .concat_link {
    line-height: 6.66666667vw;
  }
}
#index #block5 .block_con .block_top > div a {
  color: rgba(255, 255, 255, 0.5);
}
#index #block5 .block_con .block_top > div a:hover {
  color: #2da9de;
}
#index #block5 .block_con .block_top > div .location_icon {
  font-size: 0.83333333vw;
}
@media (max-width: 980px) {
  #index #block5 .block_con .block_top > div .location_icon {
    font-size: 2.13333333vw;
  }
}
#index #block5 .block_con .block_top > div .txt {
  padding: 0 0.52083333rem 0 0.26041667rem;
}
@media screen and (max-width: 980px) {
  #index #block5 .block_con .block_top > div .location_icon {
    font-size: 18px;
  }
  #index #block5 .block_con .block_top > div .txt {
    padding: 0 2.08333333rem;
  }
}
#index #block5 .block_con .block_top > div .location_arrow {
  font-size: 0.52083333vw;
}
#index #block5 .block_con .block_bottom {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  padding: 0 0 1.82291667rem;
}
#index #block5 .block_con .block_bottom ul.card_list {
  margin: 1.30208333rem 0 0;
  line-height: 1.30208333vw;
  text-align: center;
}
@media (max-width: 980px) {
  #index #block5 .block_con .block_top > div .location_arrow {
    font-size: 1.33333333vw;
  }
  #index #block5 .block_con .block_bottom ul.card_list {
    line-height: 3.33333333vw;
  }
}
#index #block5 .block_con .block_bottom ul.card_list li {
  float: left;
  width: 26%;
  margin-right: 11%;
  background: rgba(255, 255, 255, 0.6);
  padding: 3% 0;
}
#index #block5 .block_con .block_bottom ul.card_list li:last-child {
  margin-right: 0;
}
#index #block5 .block_con .block_bottom ul.card_list li .tit {
  color: #333f51;
}
@media screen and (max-width: 980px) {
  #index #block5 .block_con .block_top > div .location_arrow {
    font-size: 12px;
  }
  #index #block5 .block_con {
    height: auto;
  }
  #index #block5 .block_con .block_bottom ul.card_list li {
    float: none;
    width: 80%;
    margin: 5% auto;
    padding: 6% 0;
  }
  #index #block5 .block_con .block_bottom ul.card_list li:last-child {
    margin-right: auto;
  }
  #index #block5 .block_con .block_bottom ul.card_list li .tit {
    margin-bottom: 10px;
  }
}
#index #block5 .block_con .block_bottom ul.card_list li .tit .strong {
  font-size: 2.5vw;
}
@media (max-width: 980px) {
  #index #block5 .block_con .block_bottom ul.card_list li .tit .strong {
    font-size: 6.4vw;
  }
}
#index #block5 .block_con .block_bottom ul.card_list li .des {
  margin: 0.390625rem 0 0;
  color: #878787;
  padding: 0 4%;
}
#index #block5 .block_con .form {
  font-size: 0.72916667vw;
  margin: 0.52083333rem 0 0;
  color: rgba(255, 255, 255, 0.2);
}
@media (max-width: 980px) {
  #index #block5 .block_con .form {
    font-size: 1.86666667vw;
  }
}
@media screen and (max-width: 980px) {
  #index #block5 .block_con .form {
    height: 6.25vw;
    line-height: 2.08333333vw;
    padding: 0 0 0 2.08333333rem;
    font-size: 14px;
  }
  #index #block6 {
    display: none;
  }
}
@media screen and (max-width: 980px) and (max-width: 980px) {
  #index #block5 .block_con .form {
    height: 16vw;
    line-height: 5.33333333vw;
  }
}
#index #block6 {
  background-color: #fdfdf9;
  position: relative;
  overflow: hidden;
}
#index #block6 .block_tit {
  position: relative;
  width: 100%;
  top: 0;
  left: 0;
}
#index #block6 .block_tit a,
#index #block6 .block_tit h2 {
  color: #000 !important;
}
#index #block6 .block_tit span.en,
#index .box_index #index #block4 .block_tit span.en {
  color: rgba(0, 0, 0, 0.5);
}
#index #block6 .block_tit a:hover {
  color: #2da9de !important;
}
#index #block6 .map {
  position: absolute;
  width: 100%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
#index #block6 .map img {
  width: 100%;
}
#index #block6 .map .map_links {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
#index #block6 .map .map_links li {
  position: absolute;
  height: 0.625vw;
  cursor: pointer;
}
@media (max-width: 980px) {
  #index #block6 .map .map_links li {
    height: 1.6vw;
  }
}
#index #block6 .map .map_links li .country {
  width: 13.54166667vw;
  height: 2.23958333vw;
  background-image: url(../imgs/country_bg.png);
  background-color: none;
  background-repeat: no-repeat;
  -o-background-size: contain;
  background-size: contain;
  position: absolute;
  left: -0.390625rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  display: none;
  background-position: left center;
}
#index #block6 .map .map_links li .country .name {
  text-transform: uppercase;
  font-size: 0.72916667vw;
  line-height: 2.23958333vw;
  margin: 0 0 0 1.30208333rem;
}
@media (max-width: 980px) {
  #index #block6 .map .map_links li .country {
    width: 34.66666667vw;
    height: 5.73333333vw;
  }
  #index #block6 .map .map_links li .country .name {
    font-size: 1.86666667vw;
    line-height: 5.73333333vw;
  }
}
#index #block6 .map .map_links li .country img {
  width: auto;
  height: 1.92708333vw;
  margin: 0.10416667rem 0 0;
}
#index #block6 .map .map_links li:hover .country {
  display: block;
}
#index #block6 .map .map_links li.america {
  width: 6.77083333vw;
  left: 19.7%;
  top: 42.8%;
}
@media (max-width: 980px) {
  #index #block6 .map .map_links li .country img {
    height: 4.93333333vw;
  }
  #index #block6 .map .map_links li.america {
    width: 17.33333333vw;
  }
}
#index #block6 .map .map_links li.finland {
  width: 5.72916667vw;
  left: 51.8%;
  top: 32.2%;
}
@media (max-width: 980px) {
  #index #block6 .map .map_links li.finland {
    width: 14.66666667vw;
  }
}
#index #block6 .map .map_links li.china {
  width: 3.90625vw;
  left: 74.5%;
  top: 50.8%;
}
@media (max-width: 980px) {
  #index #block6 .map .map_links li.china {
    width: 10vw;
  }
}
#index #block6 .map .map_links li.china2 {
  width: 3.90625vw;
  left: 73%;
  top: 52.6%;
}
@media (max-width: 980px) {
  #index #block6 .map .map_links li.china2 {
    width: 10vw;
  }
}
#index #block6 .map .map_links li.korea {
  width: 4.16666667vw;
  left: 37.578125rem;
  top: 10.80729167rem;
}
@media (max-width: 980px) {
  #index #block6 .map .map_links li.korea {
    width: 10.66666667vw;
  }
}
#index #block6 .map .map_links li.japan {
  width: 3.90625vw;
  left: 38.38541667rem;
  top: 11.45833333rem;
}
@media (max-width: 980px) {
  #index #block6 .map .map_links li.japan {
    width: 10vw;
  }
}
#index #block6 .map .map_links li.indonesia {
  width: 7.03125vw;
  left: 68.6%;
  top: 55.5%;
}
@media (max-width: 980px) {
  #index #block6 .map .map_links li.indonesia {
    width: 18vw;
  }
}
#index #block6 .map .map_links li.india {
  width: 3.64583333vw;
  left: 32.13541667rem;
  top: 13.4375rem;
}
@media (max-width: 980px) {
  #index #block6 .map .map_links li.india {
    width: 9.33333333vw;
  }
}
#index #block6 .map .map_links li.south_africa {
  width: 6.25vw;
  left: 51.3%;
  top: 77.6%;
}
@media (max-width: 980px) {
  #index #block6 .map .map_links li.south_africa {
    width: 16vw;
  }
}
#index #block6 .map .map_links li.brazil {
  width: 6.77083333vw;
  left: 36.5%;
  top: 72.8%;
}
@media (max-width: 980px) {
  #index #block6 .map .map_links li.brazil {
    width: 17.33333333vw;
  }
}
#index #block6 .map .map_links li.south_africa2 {
  width: 7.8125vw;
  left: 53.3%;
  top: 73.6%;
}
@media (max-width: 980px) {
  #index #block6 .map .map_links li.south_africa2 {
    width: 20vw;
  }
}
#index #block6 .map .map_links li.pakistan {
  width: 6.25vw;
  left: 63.6%;
  top: 47.2%;
}
@media (max-width: 980px) {
  #index #block6 .map .map_links li.pakistan {
    width: 16vw;
  }
}
#index #block6 .map .map_links li.saudi {
  width: 6.25vw;
  left: 57.6%;
  top: 50.9%;
}
@media (max-width: 980px) {
  #index #block6 .map .map_links li.saudi {
    width: 16vw;
  }
}
#index #block6 .map .map_links li.chile {
  width: 6.25vw;
  left: 31.3%;
  top: 78.1%;
}
@media (max-width: 980px) {
  #index #block6 .map .map_links li.chile {
    width: 16vw;
  }
}
#index #block6 .map .map_links li.mexico {
  width: 7.29166667vw;
  left: 24.5%;
  top: 53.6%;
}
@media (max-width: 980px) {
  #index #block6 .map .map_links li.mexico {
    width: 18.66666667vw;
  }
}
#index #block6 .map .map_links li.nigeria {
  width: 6.25vw;
  left: 47.7%;
  top: 59.6%;
}
@media (max-width: 980px) {
  #index #block6 .map .map_links li.nigeria {
    width: 16vw;
  }
}
#index #block6 .map .map_links li.egypt {
  width: 6.25vw;
  left: 53.9%;
  top: 48.6%;
}
@media (max-width: 980px) {
  #index #block6 .map .map_links li.egypt {
    width: 16vw;
  }
}
#index .box_index {
  height: 100vh;
  width: 50rem;
}
@media screen and (max-width: 980px) {
  #index .box_index {
    height: auto;
    width: 100%;
  }
}
#index .box_index .swiper-slide {
  height: 100vh;
  width: 100vw;
}
#index .box_index .swiper-slide:last-child {
  height: auto;
}
@media (max-width: 980px) {
  #index .box_index .swiper-slide {
    height: auto;
    width: 100%;
  }
}
#index .box_index #index .banner {
  width: 100vw;
  height: 100vh;
  background: #000;
}
#index .box_index #index .banner .text_con {
  color: #fff;
  left: 8.33333333vw;
  top: 19.375vw;
}
#index .box_index #index .banner .text_con h2 {
  position: relative;
  font-size: 2.60416667vw;
  margin: 0 0 0.91145833rem;
}
@media (max-width: 980px) {
  #index .box_index #index .banner {
    width: 256vw;
  }
  #index .box_index #index .banner .text_con h2 {
    font-size: 6.66666667vw;
  }
}
@media screen and (max-width: 980px) {
  #index .box_index #index .banner {
    width: 100%;
  }
  #index .box_index #index .banner .text_con {
    top: 50%;
    left: 10%;
    width: 80%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
  }
  #index .box_index #index .banner .text_con h2 {
    padding: 0 10%;
    font-weight: 400;
  }
}
#index .box_index #index .banner .text_con h2::after {
  position: absolute;
  content: ' ';
  width: 2.08333333vw;
  height: 2px;
  bottom: -0.52083333vw;
  left: 0;
  background-color: #fff;
}
#index .box_index #index .banner .text_con p {
  font-size: 0.83333333vw;
  margin: 0 0 1.171875rem;
  text-transform: uppercase;
}
@media (max-width: 980px) {
  #index .box_index #index .banner .text_con h2::after {
    width: 5.33333333vw;
  }
  #index .box_index #index .banner .text_con p {
    font-size: 2.13333333vw;
  }
}
@media screen and (max-width: 980px) {
  #index .box_index #index .banner .text_con h2::after {
    width: 100%;
    height: 1px;
    bottom: -1.5625vw;
  }
  #index .box_index #index .banner .text_con p {
    margin: 10% 0;
    font-size: 11px;
    padding: 0 5%;
  }
}
#index .box_index #index .banner .text_con a.more {
  display: inline-block;
  width: 13.28125vw;
  height: 2.60416667vw;
  line-height: 2.60416667vw;
  font-size: 0.83333333vw;
  color: #fff;
  -webkit-border-radius: 1.30208333vw;
  border-radius: 1.30208333vw;
  border: 1px solid #fff;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 980px) {
  #index .box_index #index .banner .text_con a.more {
    width: 34vw;
    height: 6.66666667vw;
    line-height: 6.66666667vw;
    font-size: 2.13333333vw;
  }
}
#index .box_index #index .banner .text_con a.more:hover {
  background: #2da9de;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  border: 0.10416667vw solid #2da9de;
}
@media screen and (max-width: 980px) {
  #index .box_index #index .banner .text_con a.more {
    width: 50%;
    height: 40px;
    line-height: 40px;
    color: #fff;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    font-size: 14px;
  }
}
#index .box_index #index .banner .notice {
  height: 3.64583333vw;
  line-height: 3.64583333vw;
  color: #fff;
  width: 100%;
  bottom: 0;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.6);
}
@media (max-width: 980px) {
  #index .box_index #index .banner .notice {
    height: 9.33333333vw;
    line-height: 9.33333333vw;
  }
}
@media screen and (max-width: 980px) {
  #index .box_index #index .banner .notice {
    height: 45px;
    line-height: 45px;
    font-size: 13px;
    padding-left: 12%;
  }
}
#index .box_index #index .banner .notice .horn_icon {
  width: 1.09375vw;
  height: 0.98958333vw;
  margin: 0.65104167rem 0.65104167rem 0 0;
  background-image: url(../imgs/icons/horn_icon.png);
  background-color: none;
  background-repeat: no-repeat;
  -o-background-size: contain;
  background-size: contain;
  background-position: center center;
}
@media (max-width: 980px) {
  #index .box_index #index .banner .notice .horn_icon {
    width: 2.8vw;
    height: 2.53333333vw;
  }
}
@media screen and (max-width: 980px) {
  #index .box_index #index .banner .notice .horn_icon {
    width: 2.5vw;
    height: 2.23958333vw;
    margin: 0 0.65104167rem 0 1.04166667rem;
    position: absolute;
    top: 50%;
    left: 1%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}
@media screen and (max-width: 980px) and (max-width: 980px) {
  #index .box_index #index .banner .notice .horn_icon {
    width: 6.4vw;
    height: 5.73333333vw;
  }
}
#index .box_index #index .banner .notice .tit {
  margin: 0 0.52083333rem 0 0;
}
#index .box_index #index .banner .notice .tit span {
  padding: 0 0 0 0.52083333rem;
  color: rgba(255, 255, 255, 0.5);
}
#index .box_index #index .banner .notice .notice_swiper {
  width: 27.86458333vw;
}
#index .box_index #index .banner .notice .notice_swiper .swiper-slide {
  height: 3.64583333vw;
}
@media (max-width: 980px) {
  #index .box_index #index .banner .notice .notice_swiper {
    width: 71.33333333vw;
  }
  #index .box_index #index .banner .notice .notice_swiper .swiper-slide {
    height: 9.33333333vw;
  }
}
@media screen and (max-width: 980px) {
  #index .box_index #index .banner .notice .tit {
    margin: 0 0.52083333rem 0 0.26041667rem;
  }
  #index .box_index #index .banner .notice .tit span {
    display: none;
  }
  #index .box_index #index .banner .notice .notice_swiper {
    margin: 0 0 0 0.26041667rem;
    width: 70%;
  }
  #index .box_index #index .banner .notice .notice_swiper .swiper-slide {
    height: auto;
    width: 100%;
  }
  #index .box_index #index .banner .notice .notice_swiper .swiper-slide span {
    display: none;
  }
}
#index .box_index #index .banner .notice .notice_swiper .swiper-slide a {
  color: #fff;
  float: left;
  margin: 0 1.04166667rem 0 0;
  width: 39.32291667vw;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
}
@media (max-width: 980px) {
  #index .box_index #index .banner .notice .notice_swiper .swiper-slide a {
    width: 100.66666667vw;
  }
}
#index .box_index #index .banner .notice .notice_swiper .swiper-slide span {
  float: right;
}
#index .box_index #index .banner .notice .notice_swiper .swiper-slide:hover,
#index .box_index #index .banner .notice .notice_swiper .swiper-slide:hover a {
  color: #2da9de;
}
#index .box_index #index .banner .notice .arrow-btn {
  width: 3.64583333vw;
  height: 3.64583333vw;
  display: block;
  color: #c5c5c5;
  font-size: 1.5625vw;
}
@media (max-width: 980px) {
  #index .box_index #index .banner .notice .arrow-btn {
    width: 9.33333333vw;
    height: 9.33333333vw;
    font-size: 4vw;
  }
}
#index .box_index #index .banner .notice .arrow-btn:hover {
  color: #fff;
  background-color: rgba(0, 0, 0, 0.3);
}
#index .box_index #index .banner .notice .arrow-btn.arrow-left {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
#index .box_index #index .banner .notice .arrow-btn.arrow-right {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
#index .box_index #index .banner .slide_box {
  width: 100vw;
  height: 100vh;
  background-image: url(none);
  background-color: none;
  background-repeat: no-repeat;
  -o-background-size: cover;
  background-size: cover;
  background-position: right center;
}
@media (max-width: 980px) {
  #index .box_index #index .banner .slide_box {
    width: 256vw;
  }
}
#index .box_index #index .banner .pagination {
  position: absolute;
  z-index: 20;
  left: 8.33333333vw;
  bottom: 5.98958333vw;
}
@media screen and (max-width: 980px) {
  #index .box_index #index .banner .notice .arrow-btn {
    display: none;
  }
  #index .box_index #index .banner .slide_box {
    opacity: 0.5;
    width: 100%;
  }
  #index .box_index #index .banner .pagination {
    left: 0;
    width: 100%;
    text-align: center;
    bottom: 60px;
  }
}
#index .box_index #index .banner .swiper-pagination-switch {
  display: inline-block;
  width: 8px;
  height: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  margin: 0 5px;
  opacity: 0.8;
  border: 1px solid #fff;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#index .box_index #index .banner .swiper-active-switch {
  width: 1.5625vw;
  background: #2da9de;
  border: 1px solid transparent;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 980px) {
  #index .box_index #index .banner .swiper-active-switch {
    width: 4vw;
  }
}
@media screen and (max-width: 980px) {
  #index .box_index #index .banner .swiper-active-switch {
    width: 3.64583333vw;
  }
  #index .box_index #index #block2 .block_tit {
    border: none;
    margin-bottom: 10%;
  }
}
@media screen and (max-width: 980px) and (max-width: 980px) {
  #index .box_index #index .banner .swiper-active-switch {
    width: 9.33333333vw;
  }
}
#index .box_index #index #block2 {
  background: #efefef;
}
#index .box_index #index #block2 .product_top {
  width: 100vw;
  height: 20.46875vw;
  background-image: url(../imgs/index_product_bg.jpg);
  background-color: #efefef;
  background-repeat: no-repeat;
  -o-background-size: cover;
  background-size: cover;
  background-position: top center;
  overflow: hidden;
}
@media (max-width: 980px) {
  #index .box_index #index #block2 .product_top {
    width: 256vw;
    height: 52.4vw;
  }
}
@media screen and (max-width: 980px) {
  #index .box_index #index #block2 .product_top {
    width: 100%;
    height: auto;
    padding: 8% 0 20%;
    background-image: url(../imgs/index_product_bg.jpg);
    background-color: #191b20;
    background-repeat: no-repeat;
    background-position: bottom center;
    -o-background-size: 210%;
    background-size: 210%;
  }
}
#index .box_index #index #block2 .product_top .swiper-container {
  margin: 1.171875rem 0 0;
}
#index .box_index #index #block2 .product_top .swiper-container .swiper-slide {
  height: 10.41666667vw;
  overflow: hidden;
  opacity: 0;
  -webkit-transition: all 0.8s;
  -o-transition: all 0.8s;
  transition: all 0.8s;
}
@media (max-width: 980px) {
  #index
    .box_index
    #index
    #block2
    .product_top
    .swiper-container
    .swiper-slide {
    height: 26.66666667vw;
  }
}
#index
  .box_index
  #index
  #block2
  .product_top
  .swiper-container
  .swiper-slide.swiper-slide-active {
  opacity: 1;
  -webkit-transition: all 0.8s;
  -o-transition: all 0.8s;
  transition: all 0.8s;
}
#index
  .box_index
  #index
  #block2
  .product_top
  .swiper-container
  .swiper-slide
  a {
  width: 20%;
  margin: 0 3%;
  font-size: 15px;
  vertical-align: top;
  color: #fff;
  display: inline-block;
}
@media screen and (max-width: 980px) {
  #index
    .box_index
    #index
    #block2
    .product_top
    .swiper-container
    .swiper-slide {
    height: 100px;
  }
  #index
    .box_index
    #index
    #block2
    .product_top
    .swiper-container
    .swiper-slide
    a {
    width: 20%;
    margin: 0 3%;
    font-size: 14px;
  }
}
#index
  .box_index
  #index
  #block2
  .product_top
  .swiper-container
  .swiper-slide
  a
  .icon {
  width: 80px;
  height: 80px;
  line-height: 80px;
  font-size: 40px;
  display: block;
  margin: 0 auto 10px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid #333;
}
@media screen and (max-width: 980px) {
  #index
    .box_index
    #index
    #block2
    .product_top
    .swiper-container
    .swiper-slide
    a
    .icon {
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 30px;
  }
}
#index
  .box_index
  #index
  #block2
  .product_top
  .swiper-container
  .swiper-slide
  a:hover {
  color: #2da9de;
}
#index
  .box_index
  #index
  #block2
  .product_top
  .swiper-container
  .swiper-slide
  a:hover
  .icon {
  border-color: #21a8e0;
}
#index .box_index #index #block2 .product_bottom {
  padding: 1.30208333rem 0 0;
}
#index .box_index #index #block2 .product_bottom .product_class_des {
  margin: 0 0 1.5625rem;
}
#index
  .box_index
  #index
  #block2
  .product_bottom
  .product_class_des
  .swiper-slide {
  height: 100%;
  overflow: hidden;
  opacity: 0;
  -webkit-transition: all 0.8s;
  -o-transition: all 0.8s;
  transition: all 0.8s;
}
#index
  .box_index
  #index
  #block2
  .product_bottom
  .product_class_des
  .swiper-slide.swiper-slide-active {
  opacity: 1;
  -webkit-transition: all 0.8s;
  -o-transition: all 0.8s;
  transition: all 0.8s;
}
@media screen and (max-width: 980px) {
  #index
    .box_index
    #index
    #block2
    .product_bottom
    .product_class_des
    .swiper-slide {
    height: auto;
  }
  #index
    .box_index
    #index
    #block2
    .product_bottom
    .product_class_des
    h3::after {
    display: none;
  }
}
#index .box_index #index #block2 .product_bottom .product_class_des h3 {
  font-size: 2.1875vw;
  line-height: 4.94791667vw;
  position: relative;
}
#index .box_index #index #block2 .product_bottom .product_class_des h3::after {
  width: 2.08333333vw;
  position: absolute;
  content: ' ';
  height: 1px;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #000;
}
@media (max-width: 980px) {
  #index .box_index #index #block2 .product_bottom .product_class_des h3 {
    font-size: 5.6vw;
    line-height: 12.66666667vw;
  }
  #index
    .box_index
    #index
    #block2
    .product_bottom
    .product_class_des
    h3::after {
    width: 5.33333333vw;
  }
}
#index .box_index #index #block2 .product_bottom .product_class_des .des {
  font-size: 0.83333333vw;
  margin: 0.52083333rem 0 0.78125rem;
}
#index .box_index #index #block2 .product_bottom .product_class_des a.more {
  width: 13.28125vw;
  height: 2.91666667vw;
  line-height: 2.91666667vw;
  display: inline-block;
  background: #2da9de;
  color: #fff;
  -webkit-border-radius: 1.45833333vw;
  border-radius: 1.45833333vw;
}
@media (max-width: 980px) {
  #index .box_index #index #block2 .product_bottom .product_class_des .des {
    font-size: 2.13333333vw;
  }
  #index .box_index #index #block2 .product_bottom .product_class_des a.more {
    width: 34vw;
    height: 7.46666667vw;
    line-height: 7.46666667vw;
  }
}
#index
  .box_index
  #index
  #block2
  .product_bottom
  .product_class_des
  a.more:hover {
  background: #2da9de;
}
@media screen and (max-width: 980px) {
  #index .box_index #index #block2 .product_bottom .product_class_des .des {
    font-size: 14px;
  }
  #index .box_index #index #block2 .product_bottom .product_class_des a.more {
    width: 40%;
    height: 40px;
    line-height: 40px;
    color: #fff;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    margin: 9% 0 5%;
  }
  #index .box_index #index #block2 .product_bottom .product_class {
    margin-bottom: 5%;
    padding-bottom: 20%;
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
  }
}
#index .box_index #index #block2 .product_bottom .product_class .arrow-left,
#index .box_index #index #block2 .product_bottom .product_class .arrow-right {
  cursor: pointer;
  position: absolute;
  top: 1.5625vw;
  width: 2.29166667vw;
  height: 2.29166667vw;
}
@media (max-width: 980px) {
  #index .box_index #index #block2 .product_bottom .product_class .arrow-left,
  #index .box_index #index #block2 .product_bottom .product_class .arrow-right {
    width: 5.86666667vw;
    height: 5.86666667vw;
  }
}
@media screen and (max-width: 980px) {
  #index .box_index #index #block2 .product_bottom .product_class .arrow-left,
  #index .box_index #index #block2 .product_bottom .product_class .arrow-right {
    width: 5.20833333vw;
    height: 5.20833333vw;
    top: 14.58333333vw;
  }
}
@media screen and (max-width: 980px) and (max-width: 980px) {
  #index .box_index #index #block2 .product_bottom .product_class .arrow-left,
  #index .box_index #index #block2 .product_bottom .product_class .arrow-right {
    width: 13.33333333vw;
    height: 13.33333333vw;
  }
}
#index .box_index #index #block2 .product_bottom .product_class .arrow-left {
  left: 0;
  background-image: url(../imgs/icons/arrow_btn_left_icon.png);
  background-color: none;
  background-repeat: no-repeat;
  -o-background-size: contain;
  background-size: contain;
  background-position: center center;
}
#index .box_index #index #block2 .product_bottom .product_class .arrow-right {
  right: 0;
  background-image: url(../imgs/icons/arrow_btn_right_icon.png);
  background-color: none;
  background-repeat: no-repeat;
  -o-background-size: contain;
  background-size: contain;
  background-position: center center;
}
#index
  .box_index
  #index
  #block2
  .product_bottom
  .product_class
  .swiper-container {
  margin: 0 auto;
  width: 52.08333333vw;
}
#index
  .box_index
  #index
  #block2
  .product_bottom
  .product_class
  .swiper-container
  .swiper-slide {
  height: 9.375vw;
  overflow: hidden;
  cursor: pointer;
}
@media (max-width: 980px) {
  #index
    .box_index
    #index
    #block2
    .product_bottom
    .product_class
    .swiper-container {
    width: 133.33333333vw;
  }
  #index
    .box_index
    #index
    #block2
    .product_bottom
    .product_class
    .swiper-container
    .swiper-slide {
    height: 24vw;
  }
}
@media screen and (max-width: 980px) {
  #index .box_index #index #block2 .product_bottom .product_class .arrow-left {
    left: 30%;
  }
  #index .box_index #index #block2 .product_bottom .product_class .arrow-right {
    right: 30%;
  }
  #index
    .box_index
    #index
    #block2
    .product_bottom
    .product_class
    .swiper-container {
    width: 90%;
  }
  #index
    .box_index
    #index
    #block2
    .product_bottom
    .product_class
    .swiper-container
    .swiper-slide {
    height: auto;
  }
}
#index
  .box_index
  #index
  #block2
  .product_bottom
  .product_class
  .swiper-container
  .swiper-slide
  .thumb {
  margin: 0 0.078125rem 0.390625rem;
  background: #333;
}
#index
  .box_index
  #index
  #block2
  .product_bottom
  .product_class
  .swiper-container
  .swiper-slide
  .thumb
  img {
  width: 100%;
  opacity: 0.1;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#index
  .box_index
  #index
  #block2
  .product_bottom
  .product_class
  .swiper-container
  .swiper-slide
  .tit {
  font-size: 16px;
  padding: 0 0.78125rem 0.26041667rem;
  display: inline-block;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  border-bottom: 2px solid #efefef;
}
#index
  .box_index
  #index
  #block2
  .product_bottom
  .product_class
  .swiper-container
  .swiper-slide.active
  .thumb
  img {
  opacity: 1;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#index
  .box_index
  #index
  #block2
  .product_bottom
  .product_class
  .swiper-container
  .swiper-slide.active
  .tit {
  color: #2da9de;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  border-bottom: 2px solid #2da9de;
}
#index .box_index #index #block3 {
  position: relative;
}
#index .box_index #index #block3 .block_tit {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}
#index .box_index #index #block3 .block_tit span.en {
  color: rgba(255, 255, 255, 0.5);
}
@media screen and (max-width: 980px) {
  #index
    .box_index
    #index
    #block2
    .product_bottom
    .product_class
    .swiper-container
    .swiper-slide
    .tit {
    font-size: 14px;
  }
  #index .box_index #index #block3 .block_tit {
    position: relative;
    background: #efefef;
    text-align: left;
    padding-left: 3%;
  }
  #index .box_index #index #block3 .block_tit span.en {
    margin-left: 15%;
    color: rgba(0, 0, 0, 0.5);
  }
}
#index .box_index #index #block3 .block_tit a,
#index .box_index #index #block3 .block_tit h2 {
  color: #fff;
}
@media screen and (max-width: 980px) {
  #index .box_index #index #block3 .block_tit a,
  #index .box_index #index #block3 .block_tit h2 {
    color: #000;
  }
  #index .box_index #index #block3 .block3_swiper .swiper-slide {
    height: 104.16666667vw;
  }
}
#index .box_index #index #block3 .block_tit a:hover {
  color: #2da9de;
}
#index .box_index #index #block3 .block3_swiper {
  background: #000;
}
#index .box_index #index #block3 .block3_swiper .swiper-slide {
  position: relative;
}
#index .box_index #index #block3 .block3_swiper .swiper-slide .into {
  position: absolute;
  text-align: center;
  -webkit-transition: all 0.6s;
  -o-transition: all 0.6s;
  transition: all 0.6s;
  color: #fff;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
#index .box_index #index #block3 .block3_swiper .swiper-slide .into > a.more {
  width: 9.375vw;
  height: 2.60416667vw;
  line-height: 2.60416667vw;
  font-size: 0.83333333vw;
  text-align: center;
  -webkit-border-radius: 1.30208333vw;
  border-radius: 1.30208333vw;
  border: 1px solid #fff;
  display: inline-block;
  color: #fff;
  position: absolute;
  left: 50%;
  bottom: 20%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
@media (max-width: 980px) {
  #index .box_index #index #block3 .block3_swiper .swiper-slide .into > a.more {
    width: 24vw;
    height: 6.66666667vw;
    line-height: 6.66666667vw;
    font-size: 2.13333333vw;
  }
}
@media screen and (max-width: 980px) {
  #index .box_index #index #block3 .block3_swiper .swiper-slide .into > a.more {
    width: 40%;
    height: 40px;
    line-height: 40px;
    color: #fff;
    font-size: 14px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    bottom: 10%;
  }
}
#index
  .box_index
  #index
  #block3
  .block3_swiper
  .swiper-slide
  .into
  > a.more:hover {
  background: #fff;
  color: #2da9de;
}
#index .box_index #index #block3 .block3_swiper .swiper-slide .into > div {
  position: absolute;
  left: 0;
  width: 100%;
  top: 30%;
}
#index .box_index #index #block3 .block3_swiper .swiper-slide .into > div h3 {
  font-size: 1.875vw;
  height: 3.64583333vw;
  margin: 0 0 2.08333333rem;
  position: relative;
}
@media (max-width: 980px) {
  #index .box_index #index #block3 .block3_swiper .swiper-slide .into > div h3 {
    font-size: 4.8vw;
    height: 9.33333333vw;
  }
}
@media screen and (max-width: 980px) {
  #index .box_index #index #block3 .block3_swiper .swiper-slide .into > div {
    top: 15%;
  }
  #index .box_index #index #block3 .block3_swiper .swiper-slide .into > div h3 {
    font-size: 30px;
    margin: 0 0 3.90625rem;
  }
}
#index
  .box_index
  #index
  #block3
  .block3_swiper
  .swiper-slide
  .into
  > div
  h3::after {
  position: absolute;
  display: block;
  content: ' ';
  width: 2.34375vw;
  height: 1px;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: rgba(255, 255, 255, 0.5);
}
#index .box_index #index #block3 .block3_swiper .swiper-slide .into > div .des {
  font-size: 0.83333333vw;
  padding: 0 1.5625rem;
  line-height: 1.5625vw;
}
@media (max-width: 980px) {
  #index
    .box_index
    #index
    #block3
    .block3_swiper
    .swiper-slide
    .into
    > div
    h3::after {
    width: 6vw;
    display: none;
  }
  #index
    .box_index
    #index
    #block3
    .block3_swiper
    .swiper-slide
    .into
    > div
    .des {
    font-size: 2.13333333vw;
    line-height: 4vw;
  }
}
#index .box_index #index #block3 .block3_swiper .swiper-slide .thumb {
  width: 100%;
  height: 100%;
  opacity: 0.5;
  -webkit-transition: all 0.6s;
  -o-transition: all 0.6s;
  transition: all 0.6s;
  overflow: hidden;
}
#index .box_index #index #block3 .block3_swiper .swiper-slide .thumb > div {
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.6s;
  -o-transition: all 0.6s;
  transition: all 0.6s;
  background-image: url(none);
  background-color: none;
  background-repeat: no-repeat;
  -o-background-size: cover;
  background-size: cover;
  background-position: center center;
}
#index
  .box_index
  #index
  #block3
  .block3_swiper
  .swiper-slide.swiper-slide-active:hover
  .into {
  left: 100%;
  -webkit-transition: all 0.6s;
  -o-transition: all 0.6s;
  transition: all 0.6s;
  background: #2da9de;
}
#index .box_index #index #block3 .block3_swiper .swiper-slide:hover {
  z-index: 30;
}
#index .box_index #index #block3 .block3_swiper .swiper-slide:hover .thumb {
  opacity: 1;
  -webkit-transition: all 0.6s;
  -o-transition: all 0.6s;
  transition: all 0.6s;
}
@media screen and (max-width: 980px) {
  #index
    .box_index
    #index
    #block3
    .block3_swiper
    .swiper-slide
    .into
    > div
    .des {
    font-size: 14px;
    line-height: 180%;
  }
  #index
    .box_index
    #index
    #block3
    .block3_swiper
    .swiper-slide.swiper-slide-active:hover
    .into {
    left: 0;
    background: 0 0;
  }
  #index .box_index #index #block3 .block3_swiper .swiper-slide:hover .thumb {
    opacity: 0.5;
  }
}
#index
  .box_index
  #index
  #block3
  .block3_swiper
  .swiper-slide:hover
  .thumb
  > div {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: all 0.6s;
  -o-transition: all 0.6s;
  transition: all 0.6s;
}
#index .box_index #index #block3 .block3_swiper .swiper-slide:hover .into {
  left: -100%;
  -webkit-transition: all 0.6s;
  -o-transition: all 0.6s;
  transition: all 0.6s;
  background: #2da9de;
}
#index .box_index #index #block3 .block3_swiper .arrow_left,
#index .box_index #index #block3 .block3_swiper .arrow_right {
  cursor: pointer;
  position: absolute;
  bottom: 4.16666667vw;
  width: 2.29166667vw;
  height: 2.29166667vw;
  display: none;
}
@media (max-width: 980px) {
  #index .box_index #index #block3 .block3_swiper .arrow_left,
  #index .box_index #index #block3 .block3_swiper .arrow_right {
    width: 5.86666667vw;
    height: 5.86666667vw;
  }
}
@media screen and (max-width: 980px) {
  #index .box_index #index #block3 .block3_swiper .swiper-slide:hover .into {
    left: 0;
    background: 0 0;
  }
  #index .box_index #index #block3 .block3_swiper .arrow_left,
  #index .box_index #index #block3 .block3_swiper .arrow_right {
    bottom: 30px;
    width: 33px;
    height: 33px;
  }
}
#index .box_index #index #block3 .block3_swiper .arrow_left {
  left: 50%;
  margin-left: -3.125vw;
  background-image: url(../imgs/icons/arrow_btn_left_white_icon.png);
  background-color: none;
  background-repeat: no-repeat;
  -o-background-size: contain;
  background-size: contain;
  background-position: center center;
}
#index .box_index #index #block3 .block3_swiper .arrow_right {
  right: 50%;
  margin-right: -3.125vw;
  background-image: url(../imgs/icons/arrow_btn_right_white_icon.png);
  background-color: none;
  background-repeat: no-repeat;
  -o-background-size: contain;
  background-size: contain;
  background-position: center center;
}
#index .box_index #index #block4 {
  position: relative;
  background: #f8f8f8;
}
#index .box_index #index #block4 .block_tit {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}
@media screen and (max-width: 980px) {
  #index .box_index #index #block3 .block3_swiper .arrow_left {
    margin-left: -20.83333333vw;
  }
  #index .box_index #index #block3 .block3_swiper .arrow_right {
    margin-right: -20.83333333vw;
  }
  #index .box_index #index #block4 .block_tit {
    position: relative;
    background: #efefef;
    text-align: left;
    padding-left: 3%;
  }
  #index .box_index #index #block4 .block_tit span.en {
    margin-left: 15%;
    color: rgba(0, 0, 0, 0.5);
  }
}
#index .box_index #index #block4 .block_tit a,
#index .box_index #index #block4 .block_tit h2 {
  color: #000;
}
#index .box_index #index #block4 .block_tit a:hover {
  color: #2da9de;
}
#index .box_index #index #block4 #block4_swiper {
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 980px) {
  #index .box_index #index #block4 #block4_swiper {
    height: auto;
  }
}
#index .box_index #index #block4 #block4_swiper .swiper-slide {
  width: 100%;
  height: 100vh;
}
@media screen and (max-width: 980px) {
  #index .box_index #index #block4 #block4_swiper .swiper-slide {
    height: auto;
  }
}
#index .box_index #index #block4 #block4_swiper .swiper-slide .thumb {
  width: 50%;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  overflow: hidden;
}
@media screen and (max-width: 980px) {
  #index .box_index #index #block4 #block4_swiper .swiper-slide .thumb {
    position: static;
    width: 100%;
    height: 44.01041667vw;
  }
}
@media screen and (max-width: 980px) and (max-width: 980px) {
  #index .box_index #index #block4 #block4_swiper .swiper-slide .thumb {
    height: 112.66666667vw;
  }
}
#index .box_index #index #block4 #block4_swiper .swiper-slide .thumb > div {
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.6s;
  -o-transition: all 0.6s;
  transition: all 0.6s;
  background-image: url(none);
  background-color: none;
  background-repeat: no-repeat;
  -o-background-size: cover;
  background-size: cover;
  background-position: center center;
}
#index
  .box_index
  #index
  #block4
  #block4_swiper
  .swiper-slide
  .thumb:hover
  > div {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: all 0.6s;
  -o-transition: all 0.6s;
  transition: all 0.6s;
}
#index .box_index #index #block4 #block4_swiper .swiper-slide .pr_con {
  height: 100%;
  padding: 4.81770833rem 0 0;
}
#index
  .box_index
  #index
  #block4
  #block4_swiper
  .swiper-slide
  .pr_con
  .switch_box {
  width: 41.66666667vw;
}
@media (max-width: 980px) {
  #index
    .box_index
    #index
    #block4
    #block4_swiper
    .swiper-slide
    .pr_con
    .switch_box {
    width: 106.66666667vw;
  }
}
@media screen and (max-width: 980px) {
  #index .box_index #index #block4 #block4_swiper .swiper-slide .pr_con {
    height: auto;
  }
  #index
    .box_index
    #index
    #block4
    #block4_swiper
    .swiper-slide
    .pr_con
    .switch_box {
    width: 95%;
    margin: 0 auto;
    text-align: center;
  }
}
#index
  .box_index
  #index
  #block4
  #block4_swiper
  .swiper-slide
  .pr_con
  .switch_box
  .switch_box_tabs {
  overflow: hidden;
  margin: 0 0 2.60416667rem;
}
#index
  .box_index
  #index
  #block4
  #block4_swiper
  .swiper-slide
  .pr_con
  .switch_box
  .switch_box_tabs
  a {
  font-size: 1.25vw;
  margin: 0 1.30208333rem 0 0;
  padding: 0 0 0.13020833rem;
  display: inline-block;
  color: rgba(0, 0, 0, 0.5);
}
@media (max-width: 980px) {
  #index
    .box_index
    #index
    #block4
    #block4_swiper
    .swiper-slide
    .pr_con
    .switch_box
    .switch_box_tabs
    a {
    font-size: 3.2vw;
  }
}
#index
  .box_index
  #index
  #block4
  #block4_swiper
  .swiper-slide
  .pr_con
  .switch_box
  .switch_box_tabs
  a.active {
  border-bottom: 2px solid #2da9de;
}
#index
  .box_index
  #index
  #block4
  #block4_swiper
  .swiper-slide
  .pr_con
  .switch_box
  .switch_box_con
  .swiper-slide
  .tit_box {
  padding-right: 5%;
  opacity: 0;
  -webkit-transform: translateY(-80px);
  -ms-transform: translateY(-80px);
  -o-transform: translateY(-80px);
  transform: translateY(-80px);
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
@media screen and (max-width: 980px) {
  #index
    .box_index
    #index
    #block4
    #block4_swiper
    .swiper-slide
    .pr_con
    .switch_box
    .switch_box_tabs
    a,
  #index
    .box_index
    #index
    #block4
    #block4_swiper
    .swiper-slide
    .pr_con
    .switch_box
    .switch_box_tabs
    a.active {
    font-size: 18px;
  }
  #index
    .box_index
    #index
    #block4
    #block4_swiper
    .swiper-slide
    .pr_con
    .switch_box
    .switch_box_con
    .swiper-slide
    .tit_box {
    padding-right: 0;
  }
}
#index
  .box_index
  #index
  #block4
  #block4_swiper
  .swiper-slide
  .pr_con
  .switch_box
  .switch_box_con
  .swiper-slide
  .tit_box
  .tit {
  font-size: 2.08333333vw;
  margin: 0 0 0.26041667rem;
}
@media (max-width: 980px) {
  #index
    .box_index
    #index
    #block4
    #block4_swiper
    .swiper-slide
    .pr_con
    .switch_box
    .switch_box_con
    .swiper-slide
    .tit_box
    .tit {
    font-size: 5.33333333vw;
  }
}
#index
  .box_index
  #index
  #block4
  #block4_swiper
  .swiper-slide
  .pr_con
  .switch_box
  .switch_box_con
  .swiper-slide
  .tit_box
  .tit_des {
  font-size: 0.83333333vw;
  color: rgba(0, 0, 0, 0.5);
}
@media (max-width: 980px) {
  #index
    .box_index
    #index
    #block4
    #block4_swiper
    .swiper-slide
    .pr_con
    .switch_box
    .switch_box_con
    .swiper-slide
    .tit_box
    .tit_des {
    font-size: 2.13333333vw;
  }
}
#index
  .box_index
  #index
  #block4
  #block4_swiper
  .swiper-slide
  .pr_con
  .switch_box
  .switch_box_con
  .swiper-slide
  .con_list {
  -webkit-transform: translateY(-80px);
  -ms-transform: translateY(-80px);
  -o-transform: translateY(-80px);
  transform: translateY(-80px);
  -webkit-transition: all 0.5s ease-in-out 0.5s;
  -o-transition: all 0.5s ease-in-out 0.5s;
  transition: all 0.5s ease-in-out 0.5s;
  opacity: 0;
}
#index
  .box_index
  #index
  #block4
  #block4_swiper
  .swiper-slide
  .pr_con
  .switch_box
  .switch_box_con
  .swiper-slide
  .con_list
  li {
  margin: 2.08333333rem 1.04166667rem 0 0;
  display: inline-block;
  vertical-align: top;
}
#index
  .box_index
  #index
  #block4
  #block4_swiper
  .swiper-slide
  .pr_con
  .switch_box
  .switch_box_con
  .swiper-slide
  .con_list
  li:nth-child(3) {
  margin: 2.08333333rem 0 0;
}
@media screen and (max-width: 980px) {
  #index
    .box_index
    #index
    #block4
    #block4_swiper
    .swiper-slide
    .pr_con
    .switch_box
    .switch_box_con
    .swiper-slide
    .tit_box
    .tit_des {
    font-size: 14px;
    padding-right: 5%;
  }
  #index
    .box_index
    #index
    #block4
    #block4_swiper
    .swiper-slide
    .pr_con
    .switch_box
    .switch_box_con
    .swiper-slide
    .con_list
    li {
    width: 30%;
    margin: 2.08333333rem 0.78125rem 0 0;
  }
}
#index
  .box_index
  #index
  #block4
  #block4_swiper
  .swiper-slide
  .pr_con
  .switch_box
  .switch_box_con
  .swiper-slide
  .con_list
  li
  .strong {
  font-size: 2.5vw;
}
@media (max-width: 980px) {
  #index
    .box_index
    #index
    #block4
    #block4_swiper
    .swiper-slide
    .pr_con
    .switch_box
    .switch_box_con
    .swiper-slide
    .con_list
    li
    .strong {
    font-size: 6.4vw;
  }
}
@media screen and (max-width: 980px) {
  #index
    .box_index
    #index
    #block4
    #block4_swiper
    .swiper-slide
    .pr_con
    .switch_box
    .switch_box_con
    .swiper-slide
    .con_list
    li
    .strong {
    font-size: 2.08333333vw;
  }
}
@media screen and (max-width: 980px) and (max-width: 980px) {
  #index
    .box_index
    #index
    #block4
    #block4_swiper
    .swiper-slide
    .pr_con
    .switch_box
    .switch_box_con
    .swiper-slide
    .con_list
    li
    .strong {
    font-size: 5.33333333vw;
  }
}
#index
  .box_index
  #index
  #block4
  #block4_swiper
  .swiper-slide
  .pr_con
  .switch_box
  .switch_box_con
  .swiper-slide
  .con_list
  li
  .icon
  img {
  height: 2.29166667vw;
}
#index
  .box_index
  #index
  #block4
  #block4_swiper
  .swiper-slide
  .pr_con
  .switch_box
  .switch_box_con
  .swiper-slide
  .con_list
  li
  .txt {
  margin: 0.52083333rem 0 0;
  font-size: 0.83333333vw;
  color: rgba(0, 0, 0, 0.5);
}
@media (max-width: 980px) {
  #index
    .box_index
    #index
    #block4
    #block4_swiper
    .swiper-slide
    .pr_con
    .switch_box
    .switch_box_con
    .swiper-slide
    .con_list
    li
    .icon
    img {
    height: 5.86666667vw;
  }
  #index
    .box_index
    #index
    #block4
    #block4_swiper
    .swiper-slide
    .pr_con
    .switch_box
    .switch_box_con
    .swiper-slide
    .con_list
    li
    .txt {
    font-size: 2.13333333vw;
  }
}
#index
  .box_index
  #index
  #block4
  #block4_swiper
  .swiper-slide
  .pr_con
  .switch_box
  .switch_box_con
  .swiper-slide
  a.more {
  width: 13.28125vw;
  height: 2.91666667vw;
  line-height: 2.91666667vw;
  margin: 2.08333333rem 0 0;
  opacity: 0;
  display: inline-block;
  background: #2da9de;
  color: #fff;
  -webkit-border-radius: 1.45833333vw;
  border-radius: 1.45833333vw;
  -webkit-transform: translateY(-80px);
  -ms-transform: translateY(-80px);
  -o-transform: translateY(-80px);
  transform: translateY(-80px);
  -webkit-transition: all 0.5s ease-in-out 1s;
  -o-transition: all 0.5s ease-in-out 1s;
  transition: all 0.5s ease-in-out 1s;
}
@media (max-width: 980px) {
  #index
    .box_index
    #index
    #block4
    #block4_swiper
    .swiper-slide
    .pr_con
    .switch_box
    .switch_box_con
    .swiper-slide
    a.more {
    width: 34vw;
    height: 7.46666667vw;
    line-height: 7.46666667vw;
  }
}
#index
  .box_index
  #index
  #block4
  #block4_swiper
  .swiper-slide
  .pr_con
  .switch_box
  .switch_box_con
  .swiper-slide
  a.more:hover {
  background: #2da9de;
}
@media screen and (max-width: 980px) {
  #index
    .box_index
    #index
    #block4
    #block4_swiper
    .swiper-slide
    .pr_con
    .switch_box
    .switch_box_con
    .swiper-slide
    .con_list
    li
    .txt {
    font-size: 14px;
  }
  #index
    .box_index
    #index
    #block4
    #block4_swiper
    .swiper-slide
    .pr_con
    .switch_box
    .switch_box_con
    .swiper-slide
    a.more {
    width: 50%;
    height: 40px;
    line-height: 40px;
    color: #fff;
    -webkit-border-radius: 20px;
    border-radius: 20px;
  }
}
#index
  .box_index
  #index
  #block4
  #block4_swiper
  .swiper-slide
  .pr_con
  .switch_box
  .switch_box_con
  .swiper-slide.swiper-slide-active
  .tit_box {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
#index
  .box_index
  #index
  #block4
  #block4_swiper
  .swiper-slide
  .pr_con
  .switch_box
  .switch_box_con
  .swiper-slide.swiper-slide-active
  .con_list {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: all 0.5s ease-in-out 0.3s;
  -o-transition: all 0.5s ease-in-out 0.3s;
  transition: all 0.5s ease-in-out 0.3s;
}
#index
  .box_index
  #index
  #block4
  #block4_swiper
  .swiper-slide
  .pr_con
  .switch_box
  .switch_box_con
  .swiper-slide.swiper-slide-active
  a.more {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: all 0.5s ease-in-out 0.7s;
  -o-transition: all 0.5s ease-in-out 0.7s;
  transition: all 0.5s ease-in-out 0.7s;
}
#index .box_index #index #block4 #block4_swiper .pagination {
  width: 50%;
  height: 10px;
  position: absolute;
  right: 0;
  bottom: 10%;
  z-index: 1130;
}
@media screen and (max-width: 980px) {
  #index .box_index #index #block4 #block4_swiper .pagination {
    bottom: auto;
    top: 100vw;
    width: 100%;
  }
}
#index .box_index #index #block4 #block4_swiper .pagination span {
  font-size: 0.72916667vw;
  position: relative;
  text-indent: -3%;
  text-align: left;
  display: inline-block;
  width: 20%;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
}
#index
  .box_index
  #index
  #block4
  #block4_swiper
  .pagination
  span.active::before {
  position: absolute;
  display: block;
  content: ' ';
  height: 2px;
  width: 100%;
  left: 0;
  top: -2px;
  background: #2da9de;
}
#index .box_index #index #block4 #block4_swiper .arrow_left,
#index .box_index #index #block4 #block4_swiper .arrow_right,
#index .box_index #index #block5 .block_con {
  background-color: none;
  background-repeat: no-repeat;
  background-position: center center;
}
#index .box_index #index #block4 #block4_swiper .arrow_left,
#index .box_index #index #block4 #block4_swiper .arrow_right {
  cursor: pointer;
  position: absolute;
  bottom: 4.16666667vw;
  width: 2.29166667vw;
  height: 2.29166667vw;
}
@media (max-width: 980px) {
  #index .box_index #index #block4 #block4_swiper .pagination span {
    font-size: 1.86666667vw;
  }
  #index .box_index #index #block4 #block4_swiper .arrow_left,
  #index .box_index #index #block4 #block4_swiper .arrow_right {
    width: 5.86666667vw;
    height: 5.86666667vw;
  }
}
#index .box_index #index #block4 #block4_swiper .arrow_left {
  left: 50%;
  margin-left: -8.33333333vw;
  -webkit-transform: translateX(-340%);
  -ms-transform: translateX(-340%);
  -o-transform: translateX(-340%);
  transform: translateX(-340%);
  background-image: url(../imgs/icons/arrow_btn_left_icon.png);
  -o-background-size: contain;
  background-size: contain;
}
#index .box_index #index #block4 #block4_swiper .arrow_right {
  right: 52%;
  background-image: url(../imgs/icons/arrow_btn_right_icon.png);
  -o-background-size: contain;
  background-size: contain;
}
@media screen and (max-width: 980px) {
  #index .box_index #index #block4 #block4_swiper .pagination span {
    text-align: center;
    padding-top: 3%;
    color: #fff;
    border-color: #626669;
  }
  #index .box_index #index #block4 #block4_swiper .arrow_left,
  #index .box_index #index #block4 #block4_swiper .arrow_right {
    bottom: 6.66666667vw;
    top: auto;
    width: 33px;
    height: 33px;
  }
  #index .box_index #index #block4 #block4_swiper .arrow_left {
    left: 40%;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    margin-left: 0;
  }
  #index .box_index #index #block4 #block4_swiper .arrow_right {
    margin-left: 0;
    right: 40%;
    left: auto;
    margin-right: 0;
  }
  #index .box_index #index #block5 .block_con {
    padding: 0.78125rem 0 0.52083333rem;
  }
}
#index .box_index #index #block5 .block_con {
  width: 100%;
  height: 100%;
  background-image: url(none);
  -o-background-size: cover;
  background-size: cover;
}
#index .box_index #index #block5 .block_con .block_top > div {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  padding: 0 0 1.30208333rem;
}
#index .box_index #index #block5 .block_con .block_top > div .about {
  width: 41.92708333vw;
  font-size: 0.72916667vw;
  line-height: 1.82291667vw;
  color: #fff;
}
@media (max-width: 980px) {
  #index .box_index #index #block5 .block_con .block_top > div .about {
    width: 107.33333333vw;
    font-size: 1.86666667vw;
    line-height: 4.66666667vw;
  }
}
@media screen and (max-width: 980px) {
  #index .box_index #index #block5 .block_con .block_top > div .about {
    width: 80%;
    float: none;
    margin: 0 auto 10%;
    font-size: 14px;
    line-height: 180%;
  }
}
#index .box_index #index #block5 .block_con .block_top > div .concat_link {
  font-size: 0.72916667vw;
  line-height: 1.5625vw;
  padding: 0 0.390625rem;
  border: 1px solid rgba(255, 255, 255, 0.2);
}
@media (max-width: 980px) {
  #index .box_index #index #block5 .block_con .block_top > div .concat_link {
    font-size: 1.86666667vw;
    line-height: 4vw;
  }
}
@media screen and (max-width: 980px) {
  #index .box_index #index #block5 .block_con .block_top > div .concat_link {
    float: none;
    width: 81%;
    margin: 0 auto;
    padding: 0 0.65104167rem 0 2.34375rem;
    line-height: 2.60416667vw;
    border: 1px solid #fff;
  }
  #index .box_index #index #block5 .block_con .block_top > div .concat_link a {
    font-size: 14px;
    color: #fff !important;
  }
}
@media screen and (max-width: 980px) and (max-width: 980px) {
  #index .box_index #index #block5 .block_con .block_top > div .concat_link {
    line-height: 6.66666667vw;
  }
}
#index .box_index #index #block5 .block_con .block_top > div a {
  color: rgba(255, 255, 255, 0.5);
}
#index .box_index #index #block5 .block_con .block_top > div a:hover {
  color: #2da9de;
}
#index .box_index #index #block5 .block_con .block_top > div .location_icon {
  font-size: 0.83333333vw;
}
@media (max-width: 980px) {
  #index .box_index #index #block5 .block_con .block_top > div .location_icon {
    font-size: 2.13333333vw;
  }
}
#index .box_index #index #block5 .block_con .block_top > div .txt {
  padding: 0 0.52083333rem 0 0.26041667rem;
}
@media screen and (max-width: 980px) {
  #index .box_index #index #block5 .block_con .block_top > div .location_icon {
    font-size: 18px;
  }
  #index .box_index #index #block5 .block_con .block_top > div .txt {
    padding: 0 2.08333333rem;
  }
}
#index .box_index #index #block5 .block_con .block_top > div .location_arrow {
  font-size: 0.52083333vw;
}
#index .box_index #index #block5 .block_con .block_bottom {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  padding: 0 0 1.82291667rem;
}
#index .box_index #index #block5 .block_con .block_bottom ul.card_list {
  margin: 1.30208333rem 0 0;
  line-height: 1.30208333vw;
  text-align: center;
}
@media (max-width: 980px) {
  #index .box_index #index #block5 .block_con .block_top > div .location_arrow {
    font-size: 1.33333333vw;
  }
  #index .box_index #index #block5 .block_con .block_bottom ul.card_list {
    line-height: 3.33333333vw;
  }
}
#index .box_index #index #block5 .block_con .block_bottom ul.card_list li {
  float: left;
  width: 26%;
  margin-right: 11%;
  background: #fff;
  padding: 3% 0;
}
#index
  .box_index
  #index
  #block5
  .block_con
  .block_bottom
  ul.card_list
  li:last-child {
  margin-right: 0;
}
#index .box_index #index #block5 .block_con .block_bottom ul.card_list li .tit {
  color: #333f51;
}
@media screen and (max-width: 980px) {
  #index .box_index #index #block5 .block_con .block_top > div .location_arrow {
    font-size: 12px;
  }
  #index .box_index #index #block5 .block_con {
    height: auto;
  }
  #index .box_index #index #block5 .block_con .block_bottom ul.card_list li {
    float: none;
    width: 80%;
    margin: 5% auto;
    padding: 6% 0;
  }
  #index
    .box_index
    #index
    #block5
    .block_con
    .block_bottom
    ul.card_list
    li:last-child {
    margin-right: auto;
  }
  #index
    .box_index
    #index
    #block5
    .block_con
    .block_bottom
    ul.card_list
    li
    .tit {
    margin-bottom: 10px;
  }
}
#index
  .box_index
  #index
  #block5
  .block_con
  .block_bottom
  ul.card_list
  li
  .tit
  .strong {
  font-size: 2.5vw;
}
@media (max-width: 980px) {
  #index
    .box_index
    #index
    #block5
    .block_con
    .block_bottom
    ul.card_list
    li
    .tit
    .strong {
    font-size: 6.4vw;
  }
}
#index .box_index #index #block5 .block_con .block_bottom ul.card_list li .des {
  margin: 0.390625rem 0 0;
  color: #878787;
  padding: 0 4%;
}
#index .box_index #index #block5 .block_con .form {
  font-size: 0.72916667vw;
  margin: 0.52083333rem 0 0;
  color: rgba(255, 255, 255, 0.2);
}
@media (max-width: 980px) {
  #index .box_index #index #block5 .block_con .form {
    font-size: 1.86666667vw;
  }
}
@media screen and (max-width: 980px) {
  #index .box_index #index #block5 .block_con .form {
    height: 6.25vw;
    line-height: 2.08333333vw;
    padding: 0 0 0 2.08333333rem;
    font-size: 14px;
  }
}
#news .hot-news {
  background: #f8f8f8;
  margin: 5% 0;
}
#news .hot-news .thumb {
  width: 35%;
  float: left;
}
#news .hot-news .caption {
  position: absolute;
  left: 35%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  padding: 0 3%;
}
#news .hot-news .caption h2 {
  margin-bottom: 1%;
  font-size: 1.45833333vw;
}
@media (max-width: 980px) {
  #news .hot-news .caption h2 {
    font-size: 3.73333333vw;
  }
}
@media screen and (max-width: 980px) {
  #news .hot-news .thumb {
    width: 100%;
    float: none;
    padding: 0 3%;
  }
  #news .hot-news .caption {
    position: static;
    width: 100%;
    text-align: left;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    padding: 5% 3%;
  }
  #news .hot-news .caption h2 {
    font-size: 1.97916667vw;
  }
}
@media screen and (max-width: 980px) and (max-width: 980px) {
  #index .box_index #index #block5 .block_con .form {
    height: 16vw;
    line-height: 5.33333333vw;
  }
  #news .hot-news .caption h2 {
    font-size: 5.06666667vw;
  }
}
#news .hot-news .caption span.date {
  color: #848484;
  display: block;
  margin-bottom: 2%;
  font-size: 0.83333333vw;
}
@media (max-width: 980px) {
  #news .hot-news .caption span.date {
    font-size: 2.13333333vw;
  }
}
#news .hot-news .caption p.desc {
  color: #848484;
  line-height: 200%;
  font-size: 0.9375vw;
}
@media (max-width: 980px) {
  #news .hot-news .caption p.desc {
    font-size: 2.4vw;
  }
}
@media screen and (max-width: 980px) {
  #news .hot-news .caption p.desc {
    font-size: 1.45833333vw;
  }
}
@media screen and (max-width: 980px) and (max-width: 980px) {
  #news .hot-news .caption p.desc {
    font-size: 3.73333333vw;
  }
}
#news .hot-news .caption a.more {
  display: block;
  background: #2da9de;
  text-align: center;
  color: #fff;
  -webkit-border-radius: 2.86458333vw;
  border-radius: 2.86458333vw;
  margin-top: 6%;
  font-size: 0.9375vw;
  width: 13.28125vw;
  height: 2.86458333vw;
  line-height: 2.86458333vw;
}
#news .hot-news .arrow_left,
#news .hot-news .arrow_right {
  background-color: none;
  background-repeat: no-repeat;
  background-position: center center;
}
@media (max-width: 980px) {
  #news .hot-news .caption a.more {
    font-size: 2.4vw;
    width: 34vw;
    height: 7.33333333vw;
    line-height: 7.33333333vw;
  }
}
#news .hot-news .arrow_left,
#news .hot-news .arrow_right {
  position: absolute;
  top: 50%;
  width: 2.34375vw;
  height: 2.34375vw;
}
@media (max-width: 980px) {
  #news .hot-news .arrow_left,
  #news .hot-news .arrow_right {
    width: 6vw;
    height: 6vw;
  }
}
#news .hot-news .arrow_left {
  left: -4.5%;
  background-image: url(../imgs/icons/arrow_btn_left_icon.png);
  -o-background-size: contain;
  background-size: contain;
}
#news .hot-news .arrow_right {
  right: -4.5%;
  background-image: url(../imgs/icons/arrow_btn_right_icon.png);
  -o-background-size: contain;
  background-size: contain;
}
@media screen and (max-width: 980px) {
  #news .hot-news .arrow_left,
  #news .hot-news .arrow_right {
    display: none;
  }
  #news .news-list {
    padding: 0 3%;
  }
}
#news .news-list a {
  display: block;
  background: #f8f8f8;
  margin-bottom: 2%;
}
#news .news-list a .thumb {
  width: 20%;
  float: left;
}
#news .news-list a .caption {
  padding: 2%;
  margin-left: 20%;
  overflow: hidden;
}
#news .news-list a .caption .tit h2 {
  float: left;
  margin-bottom: 1%;
  color: #666;
  font-size: 1.35416667vw;
}
@media (max-width: 980px) {
  #news .news-list a .caption .tit h2 {
    font-size: 3.46666667vw;
  }
}
@media screen and (max-width: 980px) {
  #news .news-list a .thumb {
    width: 100%;
  }
  #news .news-list a .caption {
    margin-left: 0;
    padding: 5%;
  }
  #news .news-list a .caption .tit h2 {
    font-size: 1.97916667vw;
  }
}
@media screen and (max-width: 980px) and (max-width: 980px) {
  #news .news-list a .caption .tit h2 {
    font-size: 5.06666667vw;
  }
}
#news .news-list a .caption .tit span {
  float: right;
  color: #848484;
  font-size: 0.83333333vw;
}
@media (max-width: 980px) {
  #news .news-list a .caption .tit span {
    font-size: 2.13333333vw;
  }
}
#news .news-list a .caption .desc {
  color: #848484;
  font-size: 0.9375vw;
}
@media (max-width: 980px) {
  #news .news-list a .caption .desc {
    font-size: 2.4vw;
  }
}
@media screen and (max-width: 980px) {
  #news .news-list a .caption .tit span {
    float: left;
    width: 100%;
  }
  #news .news-list a .caption .desc {
    font-size: 1.45833333vw;
    margin-top: 3%;
  }
}
@media screen and (max-width: 980px) and (max-width: 980px) {
  #news .news-list a .caption .desc {
    font-size: 3.73333333vw;
  }
}
#news .news-list a.no-thumb .caption {
  margin: 0;
}
#news .news-list a:hover {
  background: #2da9de;
}
#news .news-list a:hover .desc,
#news .news-list a:hover .tit h2,
#news .news-list a:hover .tit span {
  color: #fff;
}
#news .article .center-title {
  border-bottom: 1px solid #848484;
  padding-bottom: 2%;
  margin-bottom: 4%;
}
#news .article .article-link {
  margin-top: 4%;
  padding-top: 1.5%;
  border-top: 1px solid #848484;
}
#news .article .article-link .fl a {
  color: #848484;
  display: inline-block;
  margin-bottom: 0.8%;
  font-size: 0.83333333vw;
}
@media (max-width: 980px) {
  #news .article .article-link .fl a {
    font-size: 2.13333333vw;
  }
}
@media screen and (max-width: 980px) {
  #news .article .article-link {
    padding: 5%;
  }
  #news .article .article-link > div {
    width: 100%;
  }
  #news .article .article-link .fl a {
    font-size: 1.35416667vw;
    margin-bottom: 1.5%;
  }
  #news .article .article-link a.more {
    float: none;
    margin-top: 15px;
  }
}
@media screen and (max-width: 980px) and (max-width: 980px) {
  #news .article .article-link .fl a {
    font-size: 3.46666667vw;
  }
}
#news .article .article-link .fl a:hover {
  color: #2da9de;
}
#news .article .article-link a.more {
  display: block;
  background: #2da9de;
  text-align: center;
  color: #fff;
  -webkit-border-radius: 2.86458333vw;
  border-radius: 2.86458333vw;
  font-size: 0.9375vw;
  width: 13.28125vw;
  height: 2.86458333vw;
  line-height: 2.86458333vw;
}
@media (max-width: 980px) {
  #news .article .article-link a.more {
    font-size: 2.4vw;
    width: 34vw;
    height: 7.33333333vw;
    line-height: 7.33333333vw;
  }
}
#news .article .news-recommend {
  margin-top: 4%;
  overflow: hidden;
}
@media screen and (max-width: 980px) {
  #news .article .news-recommend {
    padding: 0 3%;
  }
}
#news .article .news-recommend .links {
  padding-top: 3%;
}
#news .article .news-recommend .links a {
  float: left;
  width: 48%;
  color: #666;
  background-color: #f8f8f8;
  margin-bottom: 2%;
  padding: 0 2%;
  font-size: 0.9375vw;
  line-height: 3.64583333vw;
  height: 3.64583333vw;
}
@media (max-width: 980px) {
  #news .article .news-recommend .links a {
    font-size: 2.4vw;
    line-height: 9.33333333vw;
    height: 9.33333333vw;
  }
}
#news .article .news-recommend .links a:nth-child(2n) {
  float: right;
}
#news .article .news-recommend .links a:hover {
  background: #2da9de;
  color: #fff;
}
#servicesSupport .map,
#servicesSupport .question-link a {
  background-color: none;
  background-repeat: no-repeat;
  background-position: center center;
}
@media screen and (max-width: 980px) {
  #news .article .news-recommend .links a {
    width: 100%;
    margin-bottom: 5%;
    font-size: 1.35416667vw;
  }
}
@media screen and (max-width: 980px) and (max-width: 980px) {
  #news .article .news-recommend .links a {
    font-size: 3.46666667vw;
  }
}
#servicesSupport .map {
  width: 100%;
  position: relative;
  background-image: url(../imgs/word_map.jpg);
  -o-background-size: contain;
  background-size: contain;
}
#servicesSupport .map img {
  width: 100%;
}
#servicesSupport .map .map_links {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
#servicesSupport .map .map_links > ul {
  width: 100%;
  height: 100%;
}
#servicesSupport .map .map_links li {
  position: absolute;
  height: 0.625vw;
  cursor: pointer;
}
@media (max-width: 980px) {
  #servicesSupport .map .map_links li {
    height: 1.6vw;
  }
}
#servicesSupport .map .map_links li .country {
  width: 13.54166667vw;
  height: 2.23958333vw;
  background-image: url(../imgs/country_bg.png);
  background-color: none;
  background-repeat: no-repeat;
  -o-background-size: contain;
  background-size: contain;
  position: absolute;
  left: -0.390625rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  display: none;
  background-position: left center;
}
#servicesSupport .map .map_links li .country .name {
  text-transform: uppercase;
  font-size: 0.72916667vw;
  line-height: 2.23958333vw;
  margin: 0 0 0 1.30208333rem;
}
@media (max-width: 980px) {
  #servicesSupport .map .map_links li .country {
    width: 34.66666667vw;
    height: 5.73333333vw;
  }
  #servicesSupport .map .map_links li .country .name {
    font-size: 1.86666667vw;
    line-height: 5.73333333vw;
  }
}
#servicesSupport .map .map_links li .country img {
  width: auto;
  height: 1.92708333vw;
  margin: 0.10416667rem 0 0;
}
#servicesSupport .map .map_links li:hover .country {
  display: block;
}
#servicesSupport .map .map_links li.america {
  width: 6.77083333vw;
  left: 19.7%;
  top: 42.8%;
}
@media (max-width: 980px) {
  #servicesSupport .map .map_links li .country img {
    height: 4.93333333vw;
  }
  #servicesSupport .map .map_links li.america {
    width: 17.33333333vw;
  }
}
#servicesSupport .map .map_links li.finland {
  width: 5.72916667vw;
  left: 51.8%;
  top: 32.2%;
}
@media (max-width: 980px) {
  #servicesSupport .map .map_links li.finland {
    width: 14.66666667vw;
  }
}
#servicesSupport .map .map_links li.china {
  width: 3.90625vw;
  left: 74.5%;
  top: 50.8%;
}
@media (max-width: 980px) {
  #servicesSupport .map .map_links li.china {
    width: 10vw;
  }
}
#servicesSupport .map .map_links li.china2 {
  width: 3.90625vw;
  left: 73%;
  top: 52.6%;
}
@media (max-width: 980px) {
  #servicesSupport .map .map_links li.china2 {
    width: 10vw;
  }
}
#servicesSupport .map .map_links li.korea {
  width: 4.16666667vw;
  left: 37.578125rem;
  top: 10.80729167rem;
}
@media (max-width: 980px) {
  #servicesSupport .map .map_links li.korea {
    width: 10.66666667vw;
  }
}
#servicesSupport .map .map_links li.japan {
  width: 3.90625vw;
  left: 38.38541667rem;
  top: 11.45833333rem;
}
@media (max-width: 980px) {
  #servicesSupport .map .map_links li.japan {
    width: 10vw;
  }
}
#servicesSupport .map .map_links li.indonesia {
  width: 7.03125vw;
  left: 68.6%;
  top: 55.5%;
}
@media (max-width: 980px) {
  #servicesSupport .map .map_links li.indonesia {
    width: 18vw;
  }
}
#servicesSupport .map .map_links li.india {
  width: 3.64583333vw;
  left: 32.13541667rem;
  top: 13.4375rem;
}
@media (max-width: 980px) {
  #servicesSupport .map .map_links li.india {
    width: 9.33333333vw;
  }
}
#servicesSupport .map .map_links li.south_africa {
  width: 6.25vw;
  left: 51.3%;
  top: 77.6%;
}
@media (max-width: 980px) {
  #servicesSupport .map .map_links li.south_africa {
    width: 16vw;
  }
}
#servicesSupport .map .map_links li.brazil {
  width: 6.77083333vw;
  left: 36.5%;
  top: 72.8%;
}
@media (max-width: 980px) {
  #servicesSupport .map .map_links li.brazil {
    width: 17.33333333vw;
  }
}
#servicesSupport .map .map_links li.south_africa2 {
  width: 7.8125vw;
  left: 53.3%;
  top: 73.6%;
}
@media (max-width: 980px) {
  #servicesSupport .map .map_links li.south_africa2 {
    width: 20vw;
  }
}
#servicesSupport .map .map_links li.pakistan {
  width: 6.25vw;
  left: 63.6%;
  top: 47.2%;
}
@media (max-width: 980px) {
  #servicesSupport .map .map_links li.pakistan {
    width: 16vw;
  }
}
#servicesSupport .map .map_links li.saudi {
  width: 6.25vw;
  left: 57.6%;
  top: 50.9%;
}
@media (max-width: 980px) {
  #servicesSupport .map .map_links li.saudi {
    width: 16vw;
  }
}
#servicesSupport .map .map_links li.chile {
  width: 6.25vw;
  left: 31.3%;
  top: 78.1%;
}
@media (max-width: 980px) {
  #servicesSupport .map .map_links li.chile {
    width: 16vw;
  }
}
#servicesSupport .map .map_links li.mexico {
  width: 7.29166667vw;
  left: 24.5%;
  top: 53.6%;
}
@media (max-width: 980px) {
  #servicesSupport .map .map_links li.mexico {
    width: 18.66666667vw;
  }
}
#servicesSupport .map .map_links li.nigeria {
  width: 6.25vw;
  left: 47.7%;
  top: 59.6%;
}
@media (max-width: 980px) {
  #servicesSupport .map .map_links li.nigeria {
    width: 16vw;
  }
}
#servicesSupport .map .map_links li.egypt {
  width: 6.25vw;
  left: 53.9%;
  top: 48.6%;
}
@media (max-width: 980px) {
  #servicesSupport .map .map_links li.egypt {
    width: 16vw;
  }
}
#servicesSupport .question-link {
  width: 100%;
  height: 19.01041667vw;
  position: relative;
}
@media (max-width: 980px) {
  #servicesSupport .question-link {
    height: 48.66666667vw;
  }
}
#servicesSupport .question-link a {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  height: 8.33333333vw;
  width: 13.90625vw;
  background-image: url(../imgs/icons/qa.png);
  -o-background-size: contain;
  background-size: contain;
}
@media (max-width: 980px) {
  #servicesSupport .question-link a {
    height: 21.33333333vw;
    width: 35.6vw;
  }
}
@media screen and (max-width: 980px) {
  #servicesSupport .question-link a {
    height: 10.9375vw;
    width: 18.22916667vw;
  }
}
#servicesSupport #faq-list dl {
  margin-bottom: 2%;
  font-size: 0.9375vw;
}
@media (max-width: 980px) {
  #servicesSupport #faq-list dl {
    font-size: 2.4vw;
  }
}
@media screen and (max-width: 980px) {
  #servicesSupport #faq-list dl {
    font-size: 1.45833333vw;
  }
}
@media screen and (max-width: 980px) and (max-width: 980px) {
  #servicesSupport .question-link a {
    height: 28vw;
    width: 46.66666667vw;
  }
  #servicesSupport #faq-list dl {
    font-size: 3.73333333vw;
  }
}
#servicesSupport #faq-list dl dt {
  background: #f8f8f8;
  padding: 0 5%;
  color: #333;
  position: relative;
  cursor: pointer;
  height: 5.20833333vw;
  line-height: 5.20833333vw;
}
#servicesSupport #faq-list dl dt span.iconfont {
  position: absolute;
  right: 5%;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(180deg);
  -ms-transform: translateY(-50%) rotate(180deg);
  -o-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  -o-transform-origin: center center;
  transform-origin: center center;
  font-size: 1.5625vw;
}
@media (max-width: 980px) {
  #servicesSupport #faq-list dl dt {
    height: 13.33333333vw;
    line-height: 13.33333333vw;
  }
  #servicesSupport #faq-list dl dt span.iconfont {
    font-size: 4vw;
  }
}
#servicesSupport #faq-list dl dd {
  color: #fff;
  padding: 2% 5%;
  line-height: 150%;
  display: none;
}
#servicesSupport #faq-list dl.active dt {
  background: #21a8e0;
  color: #fff;
}
#servicesSupport #faq-list dl.active dt span.iconfont {
  -webkit-transform: translateY(-50%) rotate(0);
  -ms-transform: translateY(-50%) rotate(0);
  -o-transform: translateY(-50%) rotate(0);
  transform: translateY(-50%) rotate(0);
}
#servicesSupport #faq-list dl.active dd {
  background: #54bce7;
  display: block;
}
#servicesSupport .download-center {
  padding-bottom: 7%;
}
#servicesSupport .download-center .tab-btns {
  text-align: right;
  margin-bottom: 2%;
}
#servicesSupport .download-center .tab-btns a {
  color: #999;
  display: inline-block;
  margin-left: 2%;
  font-size: 0.9375vw;
}
@media (max-width: 980px) {
  #servicesSupport .download-center .tab-btns a {
    font-size: 2.4vw;
  }
}
#servicesSupport .download-center .tab-btns a.active {
  color: #21a8e0;
  border-bottom: 1px solid #21a8e0;
}
#pEStorageApp .sub_pe_main {
  background-image: url(../imgs/page_main_pe.jpg);
  background-color: #fefeff;
  background-repeat: no-repeat;
  -o-background-size: cover;
  background-size: cover;
  background-position: top center;
  padding-bottom: 10%;
}
#pEStorageApp .sub_pe_main .page_title {
  margin: 5% 0;
  font-size: 2.08333333vw;
}
#pEStorageApp .sub_pe_main .pwoer_index {
  width: 57.70833333vw;
  height: 23.125vw;
  min-width: 1108px;
  min-height: 444px;
  margin: 10% auto 0;
  background-image: url(../imgs/page_main_pe_img.png);
  background-color: none;
  background-repeat: no-repeat;
  -o-background-size: cover;
  background-size: cover;
  background-position: center center;
  position: relative;
}
@media (max-width: 980px) {
  #pEStorageApp .sub_pe_main .page_title {
    font-size: 5.33333333vw;
  }
  #pEStorageApp .sub_pe_main .pwoer_index {
    width: 147.73333333vw;
    height: 59.2vw;
  }
}
@media screen and (max-width: 980px) {
  #servicesSupport #faq-list dl dd {
    line-height: 180%;
  }
  #pEStorageApp .sub_pe_main .page_title {
    padding: 0 3%;
  }
  #pEStorageApp .sub_pe_main .pwoer_index {
    width: 39.0625vw;
    height: 48.17708333vw;
    min-width: auto;
    min-height: auto;
    margin: 10% auto 0;
    background-image: url(../imgs/page_main_pe_img_mb.png);
    background-color: none;
    background-repeat: no-repeat;
    -o-background-size: cover;
    background-size: cover;
    background-position: top center;
  }
}
#pEStorageApp .sub_pe_main .energy_storage_index span i,
#pEStorageApp .sub_pe_main .pwoer_index span i {
  -o-animation: le 2s linear infinite;
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  background-image: url(../imgs/icons/blue_arrow1.png);
  background-color: none;
}
@media screen and (max-width: 980px) and (max-width: 980px) {
  #pEStorageApp .sub_pe_main .pwoer_index {
    width: 100vw;
    height: 123.33333333vw;
  }
}
#pEStorageApp .sub_pe_main .pwoer_index a {
  width: 8.07291667vw;
  height: 8.33333333vw;
  display: block;
  position: absolute;
}
@media (max-width: 980px) {
  #pEStorageApp .sub_pe_main .pwoer_index a {
    width: 20.66666667vw;
    height: 21.33333333vw;
  }
}
@media screen and (max-width: 980px) {
  #pEStorageApp .sub_pe_main .pwoer_index a {
    width: 7.8125vw;
    height: 7.8125vw;
  }
}
@media screen and (max-width: 980px) and (max-width: 980px) {
  #pEStorageApp .sub_pe_main .pwoer_index a {
    width: 20vw;
    height: 20vw;
  }
}
#pEStorageApp .sub_pe_main .pwoer_index a.lk1 {
  top: 0;
  height: 8.07291667vw;
  left: 57%;
}
@media (max-width: 980px) {
  #pEStorageApp .sub_pe_main .pwoer_index a.lk1 {
    height: 20.66666667vw;
  }
}
@media screen and (max-width: 980px) {
  #pEStorageApp .sub_pe_main .pwoer_index a.lk1 {
    left: 1%;
    height: 7.8125vw;
    top: 52%;
  }
}
@media screen and (max-width: 980px) and (max-width: 980px) {
  #pEStorageApp .sub_pe_main .pwoer_index a.lk1 {
    height: 20vw;
  }
}
#pEStorageApp .sub_pe_main .pwoer_index a.lk3 {
  top: 35%;
  left: 57%;
}
@media screen and (max-width: 980px) {
  #pEStorageApp .sub_pe_main .pwoer_index a.lk3 {
    left: 38%;
    top: 52%;
  }
}
#pEStorageApp .sub_pe_main .pwoer_index a.lk2 {
  height: 8.59375vw;
  top: 72%;
  left: 57%;
}
@media (max-width: 980px) {
  #pEStorageApp .sub_pe_main .pwoer_index a.lk2 {
    height: 22vw;
  }
}
@media screen and (max-width: 980px) {
  #pEStorageApp .sub_pe_main .pwoer_index a.lk2 {
    left: 77%;
    top: 54%;
    height: 7.8125vw;
  }
}
@media screen and (max-width: 980px) and (max-width: 980px) {
  #pEStorageApp .sub_pe_main .pwoer_index a.lk2 {
    height: 20vw;
  }
}
#pEStorageApp .sub_pe_main .pwoer_index span {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 6.5%;
  height: 5.05%;
  overflow: hidden;
}
@media (max-width: 980px) {
  #pEStorageApp .sub_pe_main .pwoer_index span {
    width: 9.33333333vw;
    height: 2.26666667vw;
  }
}
@media screen and (max-width: 980px) {
  #pEStorageApp .sub_pe_main .pwoer_index span {
    display: none;
  }
}
#pEStorageApp .sub_pe_main .pwoer_index span i {
  display: block;
  width: 1.04166667vw;
  height: 0.88541667vw;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-repeat: no-repeat;
  -o-background-size: cover;
  background-size: cover;
  background-position: center center;
  -webkit-animation: le 2s linear infinite;
  animation: le 2s linear infinite;
}
@media (max-width: 980px) {
  #pEStorageApp .sub_pe_main .pwoer_index span i {
    width: 2.66666667vw;
    height: 2.26666667vw;
  }
}
#pEStorageApp .sub_pe_main .pwoer_index span.shape1 {
  top: 45.5%;
  left: 16.5%;
}
#pEStorageApp .sub_pe_main .pwoer_index span.shape2 {
  top: 9.9%;
  left: 45.6%;
}
#pEStorageApp .sub_pe_main .pwoer_index span.shape3 {
  top: 45.5%;
  left: 45.6%;
}
#pEStorageApp .sub_pe_main .pwoer_index span.shape4 {
  top: 81.5%;
  left: 45.6%;
}
#pEStorageApp .sub_pe_main .pwoer_index span.shape5 {
  top: 9.9%;
  left: 71.6%;
}
#pEStorageApp .sub_pe_main .pwoer_index span.shape6 {
  top: 45.5%;
  left: 71.6%;
}
#pEStorageApp .sub_pe_main .pwoer_index span.shape7 {
  top: 81.5%;
  left: 71.6%;
}
#pEStorageApp .sub_pe_main .energy_storage_index {
  width: 57.29166667vw;
  height: 17.55208333vw;
  min-width: 1061px;
  min-height: 337px;
  margin: 10% auto 0;
  background-image: url(../imgs/page_main_energystorage_img.png);
  background-color: none;
  background-repeat: no-repeat;
  -o-background-size: cover;
  background-size: cover;
  background-position: center center;
  position: relative;
  top: 50%;
}
@media (max-width: 980px) {
  #pEStorageApp .sub_pe_main .energy_storage_index {
    width: 146.66666667vw;
    height: 44.93333333vw;
  }
}
@media screen and (max-width: 980px) {
  #pEStorageApp .sub_pe_main .pwoer_index span i {
    -webkit-animation: le2 2s linear infinite;
    -o-animation: le2 2s linear infinite;
    animation: le2 2s linear infinite;
  }
  #pEStorageApp .sub_pe_main .energy_storage_index {
    width: 26.04166667vw;
    height: 44.89583333vw;
    min-width: auto;
    min-height: auto;
    margin: 10% auto;
    background-image: url(../imgs/page_main_energystorage_img_mb.png);
    background-color: none;
    background-repeat: no-repeat;
    -o-background-size: contain;
    background-size: contain;
    background-position: top center;
  }
}
@media screen and (max-width: 980px) and (max-width: 980px) {
  #pEStorageApp .sub_pe_main .energy_storage_index {
    width: 66.66666667vw;
    height: 114.93333333vw;
  }
}
#pEStorageApp .sub_pe_main .energy_storage_index a {
  width: 13.1%;
  height: 37.1%;
  display: block;
  position: absolute;
}
@media screen and (max-width: 980px) {
  #pEStorageApp .sub_pe_main .energy_storage_index a {
    width: 10.41666667vw;
    height: 8.85416667vw;
  }
}
@media screen and (max-width: 980px) and (max-width: 980px) {
  #pEStorageApp .sub_pe_main .energy_storage_index a {
    width: 26.66666667vw;
    height: 22.66666667vw;
  }
}
#pEStorageApp .sub_pe_main .energy_storage_index a.lk1 {
  top: 0;
  height: 8.07291667vw;
  left: 58%;
}
@media (max-width: 980px) {
  #pEStorageApp .sub_pe_main .energy_storage_index a.lk1 {
    height: 20.66666667vw;
  }
}
@media screen and (max-width: 980px) {
  #pEStorageApp .sub_pe_main .energy_storage_index a.lk1 {
    left: 1%;
    height: 9.63541667vw;
    top: 58%;
  }
}
@media screen and (max-width: 980px) and (max-width: 980px) {
  #pEStorageApp .sub_pe_main .energy_storage_index a.lk1 {
    height: 24.66666667vw;
  }
}
#pEStorageApp .sub_pe_main .energy_storage_index a.lk2 {
  top: 63%;
  left: 57%;
}
@media screen and (max-width: 980px) {
  #pEStorageApp .sub_pe_main .energy_storage_index a.lk2 {
    left: 64%;
    height: 9.63541667vw;
    top: 58%;
  }
}
@media screen and (max-width: 980px) and (max-width: 980px) {
  #pEStorageApp .sub_pe_main .energy_storage_index a.lk2 {
    height: 24.66666667vw;
  }
}
#pEStorageApp .sub_pe_main .energy_storage_index span {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 6.5%;
  height: 5.05%;
  overflow: hidden;
}
@media (max-width: 980px) {
  #pEStorageApp .sub_pe_main .energy_storage_index span {
    width: 9.33333333vw;
    height: 2.26666667vw;
  }
}
@media screen and (max-width: 980px) {
  #pEStorageApp .sub_pe_main .energy_storage_index span {
    display: none;
  }
}
#pEStorageApp .sub_pe_main .energy_storage_index span i {
  display: block;
  -webkit-animation: le 2s linear infinite;
  animation: le 2s linear infinite;
  width: 1.04166667vw;
  height: 0.88541667vw;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-repeat: no-repeat;
  -o-background-size: cover;
  background-size: cover;
  background-position: center center;
}
@media (max-width: 980px) {
  #pEStorageApp .sub_pe_main .energy_storage_index span i {
    width: 2.66666667vw;
    height: 2.26666667vw;
  }
}
#pEStorageApp .sub_pe_main .energy_storage_index span.shape1 {
  top: 44%;
  left: 16%;
}
#pEStorageApp .sub_pe_main .energy_storage_index span.shape2 {
  top: 14%;
  left: 46%;
}
#pEStorageApp .sub_pe_main .energy_storage_index span.shape3 {
  top: 77%;
  left: 46%;
}
#pEStorageApp .sub_pe_main .energy_storage_index span.shape4 {
  top: 14.2%;
  left: 71%;
}
#pEStorageApp .sub_pe_main .energy_storage_index span.shape5 {
  top: 77.2%;
  left: 71%;
}
#pEStorageApp .product_summarize {
  padding: 4% 0;
  position: relative;
}
@media screen and (max-width: 980px) {
  #pEStorageApp .product_summarize {
    padding-bottom: 0;
  }
}
#pEStorageApp .product_summarize .product_summarize_txt {
  padding: 0 4%;
  width: 50%;
  font-size: 18px;
  color: #666;
  line-height: 180%;
  top: 50%;
  left: 0;
  position: absolute;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media screen and (max-width: 980px) {
  #pEStorageApp .product_summarize .product_summarize_txt {
    float: none;
    width: 100%;
    position: static;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    padding-bottom: 4%;
  }
}
#pEStorageApp .product_summarize .product_summarize_points {
  width: 50%;
  position: relative;
}
@media screen and (max-width: 980px) {
  #pEStorageApp .product_summarize .product_summarize_points {
    float: none;
    width: 100%;
    padding: 0 4% 5% 5%;
  }
}
#pEStorageApp .product_summarize .product_summarize_points > div {
  width: 49%;
}
#pEStorageApp .product_summarize .product_summarize_points > div .icon {
  padding: 10% 0;
  text-align: center;
}
#pEStorageApp .product_summarize .product_summarize_points > div .icon span {
  font-size: 40px;
}
#pEStorageApp .product_summarize .product_summarize_points > div.block_l {
  background: #348bdb;
  color: #fff;
  text-align: center;
}
@media screen and (max-width: 980px) {
  #pEStorageApp .product_summarize .product_summarize_points > div {
    width: 100%;
    text-align: center;
  }
  #pEStorageApp .product_summarize .product_summarize_points > div .icon {
    padding: 5% 0 0;
  }
  #pEStorageApp .product_summarize .product_summarize_points > div.block_l {
    margin-bottom: 2%;
    padding-bottom: 4%;
  }
}
#pEStorageApp .product_summarize .product_summarize_points > div.block_l .txt {
  color: #fff;
  background: #348bdb;
  padding: 6% 7%;
}
#pEStorageApp
  .product_summarize
  .product_summarize_points
  > div.block_l
  .txt
  .tit {
  font-size: 16px;
  margin-bottom: 7px;
  color: #fff;
}
#pEStorageApp
  .product_summarize
  .product_summarize_points
  > div.block_l
  .txt
  .con {
  color: #fff;
  font-size: 13px;
}
#pEStorageApp .product_summarize .product_summarize_points > div.block_r {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden;
  color: #fff;
}
@media screen and (max-width: 980px) {
  #pEStorageApp
    .product_summarize
    .product_summarize_points
    > div.block_l
    .txt {
    background: 0 0;
    padding: 3% 10%;
  }
  #pEStorageApp
    .product_summarize
    .product_summarize_points
    > div.block_l
    .txt
    .con,
  #pEStorageApp
    .product_summarize
    .product_summarize_points
    > div.block_l
    .txt
    .tit {
    color: #fff;
  }
  #pEStorageApp .product_summarize .product_summarize_points > div.block_r {
    position: static;
  }
}
#pEStorageApp
  .product_summarize
  .product_summarize_points
  > div.block_r
  .small-block {
  background: #348bdb;
  margin-bottom: 4%;
  height: 48%;
  overflow: hidden;
}
@media screen and (max-width: 980px) {
  #pEStorageApp
    .product_summarize
    .product_summarize_points
    > div.block_r
    .small-block:last-child {
    padding-bottom: 5%;
    padding-top: 2%;
    margin: 2% 0;
  }
  #pEStorageApp
    .product_summarize
    .product_summarize_points
    > div.block_r
    .small-block {
    margin-bottom: 0;
  }
}
#pEStorageApp
  .product_summarize
  .product_summarize_points
  > div.block_r
  .small-block
  .icon {
  padding: 6% 10%;
}
@media screen and (max-width: 980px) {
  #pEStorageApp
    .product_summarize
    .product_summarize_points
    > div.block_r
    .small-block
    .icon {
    float: none;
    padding: 0 10%;
  }
}
#pEStorageApp
  .product_summarize
  .product_summarize_points
  > div.block_r
  .small-block
  .txt {
  padding: 5% 10%;
}
#pEStorageApp
  .product_summarize
  .product_summarize_points
  > div.block_r
  .small-block
  .txt
  .tit {
  font-size: 16px;
  margin-bottom: 7px;
}
#pEStorageApp
  .product_summarize
  .product_summarize_points
  > div.block_r
  .small-block
  .txt
  .con {
  color: #fff;
  font-size: 13px;
}
#pEStorageApp .product_summarize .product_summarize_points2 {
  color: #333;
  width: 42%;
  text-align: center;
}
@media screen and (max-width: 980px) {
  #pEStorageApp
    .product_summarize
    .product_summarize_points
    > div.block_r
    .small-block
    .txt {
    padding: 3% 10%;
  }
  #pEStorageApp .product_summarize .product_summarize_points2 {
    width: 100%;
    padding: 0 4% 5% 5%;
  }
}
#pEStorageApp .product_summarize .product_summarize_points2 .item {
  padding: 3% 0;
  float: left;
  background: #348bdb;
}
#pEStorageApp .product_summarize .product_summarize_points2 .item .icon {
  font-size: 55px;
  color: #fff;
}
#pEStorageApp .product_summarize .product_summarize_points2 .item .tit {
  color: #fff;
  font-size: 0.83333333vw;
}
@media (max-width: 980px) {
  #pEStorageApp .product_summarize .product_summarize_points2 .item .tit {
    font-size: 2.13333333vw;
  }
}
#pEStorageApp .product_summarize .product_summarize_points2 .item:hover {
  background: #348bdb;
}
#pEStorageApp .product_summarize .product_summarize_points2 .column1 {
  width: 100%;
}
#pEStorageApp .product_summarize .product_summarize_points2 .column1 .item {
  width: 30%;
  margin-right: 5%;
  margin-bottom: 5%;
}
#pEStorageApp
  .product_summarize
  .product_summarize_points2
  .column1
  .item:last-child {
  margin-right: 0;
}
#pEStorageApp .product_summarize .product_summarize_points2 .column2 {
  width: 100%;
}
#pEStorageApp .product_summarize .product_summarize_points2 .column2 .item {
  width: 49%;
  margin-right: 2%;
  margin-bottom: 2%;
}
#pEStorageApp
  .product_summarize
  .product_summarize_points2
  .column2
  .item:last-child {
  margin-right: 0;
}
#pEStorageApp .mq-tab-box .tab-btns {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  border-bottom: 1px solid #21a8e0;
  text-align: center;
}
#pEStorageApp .mq-tab-box .tab-btns a {
  display: inline-block;
  height: 70px;
  line-height: 70px;
  font-size: 21px;
  color: #fff;
  width: 50%;
  background-color: rgba(33, 168, 224, 0.5);
}
@media screen and (max-width: 980px) {
  #pEStorageApp .mq-tab-box .tab-btns {
    position: relative;
  }
  #pEStorageApp .mq-tab-box .tab-btns a {
    height: 50px;
    line-height: 50px;
    font-size: 14px;
    background-color: #21a8e0;
  }
}
#pEStorageApp .mq-tab-box .tab-btns a.active {
  background-color: rgba(16, 84, 112, 0.7);
}
@media screen and (max-width: 980px) {
  #pEStorageApp .mq-tab-box .tab-btns a.active {
    background-color: #105470;
  }
}
#pEStorageApp .mq-tab-box .tab-item {
  display: none;
}
#pEStorageApp .mq-tab-box .tab-item.active {
  display: block;
}
#pEStorageApp .mq-tab-box .tab-block {
  padding: 6% 0 7%;
}
#pEStorageApp .mq-tab-box .tab-block.tab-banner {
  width: 100%;
  height: 40.625vw;
  padding: 0;
  background-image: url(none);
  background-color: none;
  background-repeat: no-repeat;
  -o-background-size: cover;
  background-size: cover;
  background-position: right center;
}
@media (max-width: 980px) {
  #pEStorageApp .mq-tab-box .tab-block.tab-banner {
    height: 104vw;
  }
}
#pEStorageApp .mq-tab-box .tab-block.tab-banner .con {
  background: rgba(0, 0, 0, 0.7);
  position: absolute;
  width: 55%;
  color: #fff;
  padding: 5%;
  margin-top: 8%;
  left: 0;
  line-height: 180%;
}
#pEStorageApp .mq-tab-box .tab-block.tab-banner .con h2 {
  font-size: 24px;
  margin-bottom: 15px;
}
@media screen and (max-width: 980px) {
  #pEStorageApp .mq-tab-box .tab-block.tab-banner {
    height: auto;
  }
  #pEStorageApp .mq-tab-box .tab-block.tab-banner .con {
    width: 100%;
    left: 0;
    top: 0;
    margin: 0;
    padding-top: 10%;
    padding-bottom: 30%;
    position: relative;
  }
  #pEStorageApp .mq-tab-box .tab-block.tab-parameter {
    padding-bottom: 0;
    padding-top: 0;
  }
}
#pEStorageApp .mq-tab-box .tab-block.tab-parameter .swiper-slide {
  width: 100%;
  background: #2a2b30;
  position: relative;
}
#pEStorageApp .mq-tab-box .tab-block.tab-parameter .swiper-slide .thumb {
  width: 69%;
}
@media screen and (max-width: 980px) {
  #pEStorageApp .mq-tab-box .tab-block.tab-parameter .swiper-slide .thumb {
    width: 100%;
  }
}
#pEStorageApp .mq-tab-box .tab-block.tab-parameter .swiper-slide .thumb img {
  width: 100%;
}
#pEStorageApp .mq-tab-box .tab-block.tab-parameter .swiper-slide .con {
  position: absolute;
  color: #fff;
  right: 0;
  top: 0;
  width: 30%;
  padding: 5% 2%;
}
@media screen and (max-width: 980px) {
  #pEStorageApp .mq-tab-box .tab-block.tab-parameter .swiper-slide .con {
    width: 100%;
    padding: 5% 5.4%;
    position: relative;
  }
}
#pEStorageApp .mq-tab-box .tab-block.tab-parameter .swiper-slide .con .tit {
  font-size: 25px;
  padding-bottom: 10px;
  margin-bottom: 25px;
  border-bottom: 1px solid #fff;
}
@media screen and (max-width: 980px) {
  #pEStorageApp .mq-tab-box .tab-block.tab-parameter .swiper-slide .con .tit {
    font-size: 2.08333333vw;
  }
  #pEStorageApp .mq-tab-box .tab-block.tab-specifications {
    height: auto;
  }
}
@media screen and (max-width: 980px) and (max-width: 980px) {
  #pEStorageApp .mq-tab-box .tab-block.tab-parameter .swiper-slide .con .tit {
    font-size: 5.33333333vw;
  }
}
#pEStorageApp
  .mq-tab-box
  .tab-block.tab-parameter
  .swiper-slide
  .con
  .con_list {
  overflow: hidden;
}
#pEStorageApp
  .mq-tab-box
  .tab-block.tab-parameter
  .swiper-slide
  .con
  .con_list
  .item {
  float: left;
  width: 50%;
  font-size: 12px;
  margin-bottom: 15px;
}
#rdinnovation .block-style-2 ul li:nth-child(3),
#rdinnovation .block-style-2 ul li:nth-child(4),
#rdinnovation .block-style-3 > div > div:nth-child(2n) {
  float: right;
}
#pEStorageApp .mq-tab-box .tab-block.tab-specifications {
  background-image: url(../imgs/bg3.jpg);
  background-color: #f8f8f8;
  background-repeat: no-repeat;
  -o-background-size: cover;
  background-size: cover;
  background-position: top center;
}
#pEStorageApp .mq-tab-box .tab-block.tab-specifications .table-box {
  margin-top: 5px;
  padding: 2%;
  background: #fff;
  border: 4px solid #dadada;
  word-wrap: break-word;
  word-break: break-all;
  overflow-x: auto;
}
@media screen and (max-width: 980px) {
  #pEStorageApp .mq-tab-box .tab-block.tab-specifications .table-box {
    width: 90%;
    padding: 0;
    overflow-x: auto;
  }
}
#pEStorageApp .mq-tab-box .tab-block.tab-specifications .table-box table {
  width: 100%;
}
@media screen and (max-width: 980px) {
  #pEStorageApp .mq-tab-box .tab-block.tab-specifications .table-box table {
    width: 120%;
  }
}
#pEStorageApp .mq-tab-box .tab-block.tab-specifications .table-box th {
  background: #21a8e0;
  padding: 10px 5px;
  font-weight: block;
}
#pEStorageApp
  .mq-tab-box
  .tab-block.tab-specifications
  .table-box
  th:last-child,
#pEStorageApp
  .mq-tab-box
  .tab-block.tab-specifications
  .table-box
  th:nth-child(2) {
  width: 20%;
}
#pEStorageApp .mq-tab-box .tab-block.tab-specifications .table-box td,
#pEStorageApp .mq-tab-box .tab-block.tab-specifications .table-box th {
  text-align: center;
  border-right: 1px solid #fff;
  white-space: nowrap;
  font-size: 0.9375vw;
}
@media (max-width: 980px) {
  #pEStorageApp .mq-tab-box .tab-block.tab-specifications .table-box td,
  #pEStorageApp .mq-tab-box .tab-block.tab-specifications .table-box th {
    font-size: 2.4vw;
  }
}
@media screen and (max-width: 980px) {
  #pEStorageApp .mq-tab-box .tab-block.tab-specifications .table-box td,
  #pEStorageApp .mq-tab-box .tab-block.tab-specifications .table-box th {
    font-size: 1.25vw;
    white-space: nowrap;
  }
}
@media screen and (max-width: 980px) and (max-width: 980px) {
  #pEStorageApp .mq-tab-box .tab-block.tab-specifications .table-box td,
  #pEStorageApp .mq-tab-box .tab-block.tab-specifications .table-box th {
    font-size: 3.2vw;
  }
}
#pEStorageApp .mq-tab-box .tab-block.tab-specifications .table-box tbody tr {
  background: #f8f8f8;
}
#pEStorageApp
  .mq-tab-box
  .tab-block.tab-specifications
  .table-box
  tbody
  tr:nth-child(2n) {
  background: #f1f1f1;
}
#pEStorageApp .mq-tab-box .tab-block.tab-specifications .table-box tbody tr td {
  padding: 20px 10px;
}
#pEStorageApp .mq-tab-box .tab-block .block_tit {
  width: 100%;
  padding-top: 0 !important;
}
#pEStorageApp .mq-tab-box .tab-block .block_tit span.en {
  color: rgba(0, 0, 0, 0.5);
}
@media screen and (max-width: 980px) {
  #pEStorageApp .mq-tab-box .tab-block .block_tit {
    position: relative;
    text-align: left;
    padding-left: 3%;
  }
  #pEStorageApp .mq-tab-box .tab-block .block_tit span.en {
    margin-left: 15%;
    color: rgba(0, 0, 0, 0.5);
  }
}
#pEStorageApp .mq-tab-box .tab-block .block_tit a,
#pEStorageApp .mq-tab-box .tab-block .block_tit h2 {
  color: #000;
}
#pEStorageApp .mq-tab-box .tab-block .block_tit a:hover {
  color: #2da9de;
}
@-webkit-keyframes le {
  0% {
    margin-left: 0;
    opacity: 0;
  }
  60% {
    margin-left: 50%;
    opacity: 1;
  }
  100% {
    margin-left: 80%;
    opacity: 0;
  }
}
@-o-keyframes le {
  0% {
    margin-left: 0;
    opacity: 0;
  }
  60% {
    margin-left: 50%;
    opacity: 1;
  }
  100% {
    margin-left: 80%;
    opacity: 0;
  }
}
@keyframes le {
  0% {
    margin-left: 0;
    opacity: 0;
  }
  60% {
    margin-left: 50%;
    opacity: 1;
  }
  100% {
    margin-left: 80%;
    opacity: 0;
  }
}
@-webkit-keyframes le2 {
  0% {
    margin-top: 0;
    opacity: 0;
  }
  60% {
    margin-top: 50%;
    opacity: 1;
  }
  100% {
    margin-top: 80%;
    opacity: 0;
  }
}
@-o-keyframes le2 {
  0% {
    margin-top: 0;
    opacity: 0;
  }
  60% {
    margin-top: 50%;
    opacity: 1;
  }
  100% {
    margin-top: 80%;
    opacity: 0;
  }
}
@keyframes le2 {
  0% {
    margin-top: 0;
    opacity: 0;
  }
  60% {
    margin-top: 50%;
    opacity: 1;
  }
  100% {
    margin-top: 80%;
    opacity: 0;
  }
}
#rdinnovation .block-style-1 {
  width: 100%;
  padding: 5% 0 0;
  height: 44.27083333vw;
}
#rdinnovation .block-style-1 .caption {
  color: #fff;
  padding: 4% 2.5%;
  background: rgba(0, 0, 0, 0.7);
  width: 44.27083333vw;
}
@media (max-width: 980px) {
  #rdinnovation .block-style-1 {
    height: 113.33333333vw;
  }
  #rdinnovation .block-style-1 .caption {
    width: 113.33333333vw;
  }
}
@media screen and (max-width: 980px) {
  #rdinnovation .block-style-1 .caption {
    width: 100%;
    margin-top: 20%;
    padding: 5%;
  }
}
#rdinnovation .block-style-1 .caption > h2 {
  position: relative;
  display: inline-block;
  line-height: 100%;
  margin-bottom: 5%;
  font-size: 2.1875vw;
}
#rdinnovation .block-style-1 .caption > h2::after {
  position: absolute;
  display: none;
  bottom: -56%;
  left: 0;
  width: 2.08333333vw;
  height: 2px;
  content: ' ';
  background: #fff;
}
#rdinnovation .block-style-5 .arrow_left,
#rdinnovation .block-style-5 .arrow_right {
  background-color: none;
  background-position: center center;
  background-repeat: no-repeat;
}
@media (max-width: 980px) {
  #rdinnovation .block-style-1 .caption > h2 {
    font-size: 5.6vw;
  }
  #rdinnovation .block-style-1 .caption > h2::after {
    width: 5.33333333vw;
  }
}
#rdinnovation .block-style-1 .caption > p {
  line-height: 180%;
  font-size: 0.9375vw;
}
@media (max-width: 980px) {
  #rdinnovation .block-style-1 .caption > p {
    font-size: 2.4vw;
  }
}
@media screen and (max-width: 980px) {
  #rdinnovation .block-style-1 .caption > p {
    font-size: 1.45833333vw;
  }
}
@media screen and (max-width: 980px) and (max-width: 980px) {
  #rdinnovation .block-style-1 .caption > p {
    font-size: 3.73333333vw;
  }
}
#rdinnovation .block-style-2 ul li {
  width: 24%;
  margin-right: 0;
  padding: 0 1%;
}
@media screen and (max-width: 980px) {
  #rdinnovation .block-style-2 ul li {
    width: 48%;
    margin-bottom: 3%;
  }
}
#rdinnovation .block-style-2 ul li h2 {
  border: none !important;
  font-size: 1.875vw !important;
}
@media (max-width: 980px) {
  #rdinnovation .block-style-2 ul li h2 {
    font-size: 4.8vw;
  }
}
#rdinnovation .block-style-3 > div > div {
  width: 50%;
  padding: 2% 4%;
}
#rdinnovation .block-style-5 {
  padding-bottom: 0;
}
@media screen and (max-width: 980px) {
  #rdinnovation .block-style-3 > div > div {
    width: 92%;
    margin: 0 auto 15px;
    float: none !important;
    padding: 0;
  }
  #rdinnovation .block-style-5 {
    padding-bottom: 20%;
  }
}
#rdinnovation .block-style-5 ul li {
  width: 24%;
  margin-right: 1%;
}
@media screen and (max-width: 980px) {
  #rdinnovation .block-style-5 ul li {
    width: 48%;
    margin-bottom: 3%;
  }
}
#rdinnovation .block-style-5 ul li:nth-child(3) {
  margin-right: 1%;
}
#rdinnovation .block-style-5 ul li h2 {
  border: none !important;
  font-size: 1.875vw !important;
}
#rdinnovation .block-style-5 .arrow_left,
#rdinnovation .block-style-5 .arrow_right {
  position: absolute;
  top: 50%;
  width: 2.34375vw;
  height: 2.34375vw;
}
@media (max-width: 980px) {
  #rdinnovation .block-style-5 ul li h2 {
    font-size: 4.8vw;
  }
  #rdinnovation .block-style-5 .arrow_left,
  #rdinnovation .block-style-5 .arrow_right {
    width: 6vw;
    height: 6vw;
  }
}
#rdinnovation .block-style-5 .arrow_left {
  left: -4.5%;
  background-image: url(../imgs/icons/arrow_btn_left_icon.png);
  -o-background-size: contain;
  background-size: contain;
}
#rdinnovation .block-style-5 .arrow_right {
  right: -3.5%;
  background-image: url(../imgs/icons/arrow_btn_right_icon.png);
  -o-background-size: contain;
  background-size: contain;
}
@media screen and (max-width: 980px) {
  #rdinnovation .block-style-5 .arrow_left,
  #rdinnovation .block-style-5 .arrow_right {
    width: 33px;
    height: 33px;
    top: auto;
    bottom: -10%;
  }
  #rdinnovation .block-style-5 .arrow_left {
    left: 16.5%;
  }
  #rdinnovation .block-style-5 .arrow_right {
    right: 16.5%;
  }
  #rdinnovation .block-style-5 .pagination {
    bottom: auto;
    top: 100vw;
    width: 100%;
  }
}
#rdinnovation .block-style-5 .pagination {
  width: 100%;
  height: 10px;
  position: relative;
  margin-top: 4%;
}
#rdinnovation .block-style-5 .pagination span {
  font-size: 0.72916667vw;
  position: relative;
  text-align: left;
  display: inline-block;
  width: 20%;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
}
@media (max-width: 980px) {
  #rdinnovation .block-style-5 .pagination span {
    font-size: 1.86666667vw;
  }
}
#rdinnovation .block-style-5 .pagination span.active::before {
  position: absolute;
  display: block;
  content: ' ';
  height: 2px;
  width: 100%;
  left: 0;
  top: -2px;
  background: #2da9de;
}
#rdinnovation .block-style-6 {
  padding-bottom: 10%;
  background-image: url(../imgs/bg4.jpg);
  background-color: #f8fafd;
  background-repeat: no-repeat;
  -o-background-size: cover;
  background-size: cover;
  background-position: bottom center;
}
#rdinnovation .block-style-6 .arrow_left,
#rdinnovation .block-style-6 .arrow_right {
  background-color: none;
  background-repeat: no-repeat;
  background-position: center center;
}
@media screen and (max-width: 980px) {
  #rdinnovation .block-style-5 .pagination span {
    text-align: center;
    padding-top: 3%;
    color: #fff;
    border-color: #626669;
  }
  #rdinnovation .block-style-6 {
    padding-bottom: 20%;
  }
  #rdinnovation .block-style-6 ul {
    padding: 0 4%;
  }
}
#rdinnovation .block-style-6 ul li {
  width: 90%;
  margin-left: 5%;
}
#rdinnovation .block-style-6 ul li h2 {
  border: none !important;
  font-size: 1.875vw !important;
}
#rdinnovation .block-style-6 .arrow_left,
#rdinnovation .block-style-6 .arrow_right {
  position: absolute;
  top: 50%;
  width: 2.34375vw;
  height: 2.34375vw;
}
@media (max-width: 980px) {
  #rdinnovation .block-style-6 ul li h2 {
    font-size: 4.8vw;
  }
  #rdinnovation .block-style-6 .arrow_left,
  #rdinnovation .block-style-6 .arrow_right {
    width: 6vw;
    height: 6vw;
  }
}
#rdinnovation .block-style-6 .arrow_left {
  left: -4.5%;
  background-image: url(../imgs/icons/arrow_btn_left_icon.png);
  -o-background-size: contain;
  background-size: contain;
}
#rdinnovation .block-style-6 .arrow_right {
  right: -3.5%;
  background-image: url(../imgs/icons/arrow_btn_right_icon.png);
  -o-background-size: contain;
  background-size: contain;
}
@media screen and (max-width: 980px) {
  #rdinnovation .block-style-6 .arrow_left,
  #rdinnovation .block-style-6 .arrow_right {
    width: 33px;
    height: 33px;
    top: auto;
    bottom: -20%;
  }
  #rdinnovation .block-style-6 .arrow_left {
    left: 16.5%;
  }
  #rdinnovation .block-style-6 .arrow_right {
    right: 16.5%;
  }
  #rdinnovation .block-style-6 .pagination {
    bottom: auto;
    top: 100vw;
    width: 100%;
  }
}
#rdinnovation .block-style-6 .pagination {
  width: 100%;
  height: 10px;
  position: relative;
  margin-top: 4%;
}
#rdinnovation .block-style-6 .pagination span {
  font-size: 0.72916667vw;
  position: relative;
  text-align: left;
  display: inline-block;
  width: 20%;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
}
@media (max-width: 980px) {
  #rdinnovation .block-style-6 .pagination span {
    font-size: 1.86666667vw;
  }
}
@media screen and (max-width: 980px) {
  #rdinnovation .block-style-6 .pagination span {
    text-align: center;
    padding-top: 3%;
    color: #fff;
    border-color: #626669;
  }
}
#rdinnovation .block-style-6 .pagination span.active::before {
  position: absolute;
  display: block;
  content: ' ';
  height: 2px;
  width: 100%;
  left: 0;
  top: -2px;
  background: #2da9de;
}